1. 程式人生 > >關於npm和yarn 安裝vue腳手架

關於npm和yarn 安裝vue腳手架

控制 查看 選擇 -h 空格 outer src 第一個 方式

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

第一步:安裝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。

關於npm和yarn 安裝vue腳手架