如果是簡單實用vue的話,可以直接引用js檔案。
但是在構建大型專案的時候推薦使用npm安裝,npm能夠很好的和諸如webpack或browserify模組打包器配合使用,同時vue也提供配套工具來開發單檔案元件。
安裝好後開啟命令列工具,輸入node就進入nodejs的命令模式了:
c:\users\wangjun>node
> 1+2
3>
按兩次ctrl+c
或者輸入.exit
就可以退出命令列了。
由於在國內npm的安裝速度太慢,因此可以使用**映象及其命令cnpm
來安裝各種包。
安裝npm**映象:
npm install -g cnpm --registry=
安裝完成後,後面就可以使用cnpm命令來安裝npm包了。
cnpm install
# 安裝穩定版
cnpm install vue
安裝完成後預設在使用者路徑下:
c:\users\\node_modules
在vue包的dist/
目錄下可以看到vue.js的各種版本,其中帶min的是生產環境的版本,比開發版本vue.js壓縮了很多,並且刪除了警告。
my.html
my.js
vue.js
data:
})至此vue的是安裝和簡單使用就完成了。
1)報錯 vue is not defined
uncaught referenceerror: vue is not defined
at my.js:1
原因
先引用了my.js,後引用了vue.js。
解決方案
應該先引用vue.js,後引用my.js才能在my.js中使用vue的語法。
原因
解決方案
把相關js檔案放至尾部,保證頁面全部渲染完成才載入js,就可以避免這個錯誤。
vue使用環境安裝步驟
安裝完成檢視node安裝是否正常,win r輸入cmd執行 node v 和npm v 我這裡node是12.13.1 npm是6.12.1 檢測環境命令 node v npm v 安裝正常輸入命令結果如下 3.上述步驟完成後安裝vue,在cmd中直接使用npm命令來安裝的一些工具的話會比較慢,所以...
Vue的安裝與入門使用
中文 英文 3.安裝完成之後,驗證是否安裝成功,進入cmd命令視窗,依次輸入命令npm v node v,如果出現下圖,則證明已經安裝成功。這裡之所以需要安裝 映象,是因為國內直接使用npm安裝太慢了,進入cmd命令列介面,輸入npm install g cnpm registry 等待 映象安裝完...
vue的安裝及使用快速入門
1.安裝node.js 建議安裝穩定版本,安裝完成可以使用 node v命令來檢視有沒有安裝成功及版本號 2.如果安裝速度太慢,可以安裝 映象 npm install g cnpm registry 3.安裝vue cnpm install vue 4.全域性安裝腳手架 vue cli cnpm i...