第一篇博客有點小緊張。輕噴~

第一步：安裝node.js?????? 地址 --------https://nodejs.org/en/

詳細(xì)步驟這里就不寫了??? 可以去看??? ?地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

第二步：下載完了之后進(jìn)入cmd? 輸入node -v查看版本號

看到上面表示安裝成功。node.js是自帶npm的，直接npm install -g @vue/cli 速度很慢，

這里需要用到npm淘寶鏡像了，也是就是安裝cnpm。??

還有一種方式，就是npm用不了的時候，可以安裝yarn來實現(xiàn)vue項目搭建。后面細(xì)說

命令行輸入npm config set registry http://registry.npm.taobao.org/

cnpm詳細(xì)?? 地址-------- https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html

上圖表示安裝成功，獲取到cnpm以后，我們需要升級一下。因為安裝vue需要npm的版本大于3.0.0，

輸入cnpm install cnpm -g?,接著cnpm install -g @vue/cli??

！注意( cnpm install -g vue-cli 這種沒有@的方式安裝的版本是2.9的，用vue創(chuàng)建文件的時候會出現(xiàn)版本報錯，或者找不到vue

如下圖：

)

而npm install -g @vue/cli 安裝成功會顯示下圖,。版本號是3.2.1

命令行輸入vue ，出現(xiàn)下面的情況就表示一切OK

第三步：跳到你需要放置項目的目錄。? cd? 切換文件夾或者跳盤如F：，然后輸入vue create myproject(自定義文件名)創(chuàng)建項目

default是基本環(huán)境。 Manually可以自己配置router或者sass等等。看自身情況，自己配置選的話如下圖：

空格選擇你需要的，上下鍵控制滾動，回車確認(rèn)，確認(rèn)后一直選第一個回車就行了，有y/n的輸入y，?那么vue的環(huán)境就搭建完了。

命令行輸入cd myproject（自定義文件），然后yarn serve跑起來

那么關(guān)于yarn??安裝vue

使用自帶的npm下載yarn??????? 命令行輸入 npm install -g yarn

同樣需要切yarn淘寶鏡像? yarn config set registry https://registry.npm.taobao.org

然后yarn -v就出現(xiàn)版本號就表示成功了

然后用yarn 安裝vue腳手架? yarn global add @vue/cli 如下圖：

然后重復(fù)第三步。

一切ok。?

?

轉(zhuǎn)載于:https://www.cnblogs.com/xp666/p/10050889.html

總結(jié)

以上是生活随笔為你收集整理的关于npm和yarn 安装vue脚手架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。