基于window系統整理的vue腳手架npm、yarn安裝方法，記得網絡一定要好

先說npm的安裝方法

先在需要創建項目的文件夾下打開終端，如果沒有node可以先去官網下載，然后一路next，就OK，記得看清楚電腦操作系統是64還是32！！！

1、輸入node-v查看node版本，我的是12.14.0

2、輸入npm-v查看npm版本，我的是6.13.4（如果想升級最新版本 npm install -g npm）

3、下載淘寶鏡像這個是國內的比npm要快！

npm install -g cnpm --registry=https://registry.npm.taobao.org

從這開始就是安裝vue的正題了，但是前三步缺一不可！就不一一截圖了，太麻煩

4、cnpm install vue-cli -g 全局安裝vue-cli

5、vue list 查看vue是否安裝成功，成功會出來六個五角星

6、vue init webpack 項目名稱

圖上畫紅框的一定要選擇no，要不項目開始，會報錯奔潰的，黃框的看你選擇了。

7、回車選擇yes,use NPM,全部成功就會如下圖紅框里邊cd 項目名稱 然后 npm run dev

如下圖所示就代表成功了，可以開始愉快的編程旅程了。

下邊開始寫yarn的安裝方法

先在需要創建項目的文件夾下打開終端，如果沒有node可以先去官網下載，然后一路next，就OK，記得看清楚電腦操作系統是64還是32！！！

1、輸入node-v查看node版本，我的是12.14.0

2、輸入npm-v查看npm版本，我的是6.13.4（如果想升級最新版本 npm install -g npm）

3、下載淘寶鏡像這個是國內的比npm要快！

npm install -g cnpm --registry=https://registry.npm.taobao.org

從這開始就是安裝vue的正題了，但是前三步缺一不可！就不一一截圖了，太麻煩

4、cnpm install vue-cli -g 全局安裝vue-cli

5、vue list 查看vue是否安裝成功，成功會出來六個五角星

6、vue init webpack 項目名稱

7、cd 項目名稱如下圖所示：

8、如上圖所示：yarn install 或者簡寫yarn 下載依賴

9、yarn run dev 運行項目顯示下圖：

好了運行項目以后如圖四所示，代表vue腳手架創建完成，是不是很簡單啊！

總結

以上是生活随笔為你收集整理的npm安装vue_vue搭建脚手架的方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。