vue安裝 0智商

vue安裝

未來咱們不一樣的項目可能會用到不一樣的node版本，那麼就須要在各個node版本之間切換，因此建議使用nvm進行node版本控制。

1. 安裝nvm：

   1. 前往https://github.com/coreybutler/nvm-windows下載，雙擊打開

   2. 點擊下一步：

   3. 第一個路徑XX/node/nvm;

      (XX:看你喜歡安裝的路徑，可是路徑中任何一個節點不能有中文或空格，建議直接在C或者D盤下直接安裝)

   4. 第二個路徑XX/node/nodejs;

2. 修改nvm下載路徑：

   1. 進入XX/node/nvm;

   2. 找到settings.txt;

   3. 添加：

      node_mirror: https://npm.taobao.org/mirrors/node/
      npm_mirror: https://npm.taobao.org/mirrors/npm/

       

3. 查看node最新版本：https://nodejs.org/en/

   使用穩定版（lts）或者最新版（current）

   X.X.X爲須要使用的版本號

4.  nvm install X.X.X 

   安裝出現意外須要先卸載： nvm uninstall X.X.X 再安裝

    nvm ls 用於查看nvm上安裝好的版本。

5. 使用node X.X.X  nvm use X.X.X


6. 安裝nrm路徑管理 npm install -g nrm 

7. 使用淘寶鏡像路徑 nrm use taobao 

8. 全局安裝vue-cli npm install -g vue-cli 

使用vue-cli建立項目

1. 找到須要建立項目的文件夾；

2. shift+右鍵

3. 選擇「在此處打開命令窗口」

4.  vue init webpack 項目名 

   項目名不要用中文，另外最好別太長

   • project name 默認剛剛輸入的，可是不能太長；

   • Author 設置過git的會自動導入，沒有也沒事；

   • 須要vue-router; (直接回車)

   • 須要ESLint;

   • 不須要karma + Mocha;（ 寫n）

   • 不須要Nightwatch;

5. 進入安裝好的路徑

   cd 項目名

6. 項目初始化，安裝依賴：

   npm install

7. 啓動：

   npm run dev

接下來會自動打開瀏覽器並打開當前的項目。

---

那麼咱們第一個vue項目就行了。

well done!!