安裝使用VUE

2022-08-13 16:36:22 字數 1222 閱讀 3950

如果是簡單實用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...