關於npm和yarn 安裝vue腳手架

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

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

詳細步驟這裏就不寫了    能夠去看     地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

第二步：下載完了以後進入cmd  輸入node -v查看版本號

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

這裏須要用到npm淘寶鏡像了，也是就是安裝cnpm。  

還有一種方式，就是npm用不了的時候，能夠安裝yarn來實現vue項目搭建。後面細說

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

cnpm詳細   地址-------- 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建立文件的時候會出現版本報錯，或者找不到vue

以下圖：

)

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

命令行輸入vue ，出現下面的狀況就表示一切OK

第三步：跳到你須要放置項目的目錄。  cd  切換文件夾或者跳盤如F：，而後輸入vue create myproject(自定義文件名)建立項目

default是基本環境。 Manually能夠本身配置router或者sass等等。看自身狀況，本身配置選的話以下圖：

空格選擇你須要的，上下鍵控制滾動，回車確認，確認後一直選第一個回車就好了，有y/n的輸入y， 那麼vue的環境就搭建完了。

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

那麼關於yarn  安裝vue

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

一樣須要切yarn淘寶鏡像  yarn config set registry https://registry.npm.taobao.org

而後yarn -v就出現版本號就表示成功了

而後用yarn 安裝vue腳手架  yarn global add @vue/cli 以下圖：

而後重複第三步。

一切ok。