vue 下載-安裝-配置

下載安裝node

1. 官網下載

   傳送門：http://nodejs.cn/download/
   (這里我選的是 window-x64.msi)

2. 記住安裝路徑(這里我安裝在 D:\node\ ），最后一步”勾選自動下載必要的包“

3. 安裝完node，查看環境變量path中是否有node環境變量,沒有就添加D:\node\

4. cmd右鍵"管理員身份運行", 輸入”node -v“ 和”npm -v"測試是否安裝成功

   

5. 進入node文件夾，新建“node_global”和"node_cache"並配置全局路徑和緩存路徑

   #配置全局路徑
   npm config set prefix "D:\node\node_global"
   #配置緩存路徑
   npm config set cache "D:\node\node_cache"
   

6. 配置淘寶鏡像

   #下載cnpm並指向淘寶鏡像路徑
   #因為npm連接的是外網，下載時間會較長，一般配置為國內淘寶鏡像
   npm install -g cnpm --registry=https://registry.npm.taobao.org/
   

下載安裝vue

vue2

1. 安裝vue，vue-cli webpack webpack-cli

   cnpm i vue vue-cli webpack webpack-cli -g
   

   如果上面的全局下載環境有配置，此時下載完應該在"node_global"文件夾下

2. 安裝成功后新建項目”vue init webpack my-demo“看不懂就一直回車

   這里是新建一個vue項目
   一般會提示：
   project name： 項目名
   project description： 項目描述
   author：作者
   vue-router：是否用vue的路由
   unit test：單元測試， 是個demo
   e2e test： 不知道，不過應該也是個demo
   包管理工具：(我一般用npm)

3. 新建完成會提示命令，cd my-demo運行項目npm run dev

vue3

1. 安裝vue，@vue/cli webpack

   cnpm i vue @vue/cli webpack -g
   

   如果上面的全局下載環境有配置，此時下載完應該在"node_global"文件夾下

2. 安裝成功后新建項目”vue create my-demo“看不懂就一直回車

   這里是新建一個vue項目
   一般會提示：
   vue3/vue2： 基於vue3還是vue2

3. 新建完成會提示命令，cd my-demo運行項目npm run serve

npm的使用

• npm i webpack
  使用npm下載安裝webpack

• cnpm i webpack
  使用cnpm下載安裝webpack

• npm uninstall webpack
  使用npm卸載webpack

• cnpm i webpack@3.6.0
  使用cnpm下載安裝webpack-3.6.0的版本

• cnpm i webpack@3
  使用cnpm下載安裝webpack-3.x.x的版本

• cnpm i -g webpack
  使用cnpm全局下載安裝webpack

• cnpm i -D webpack
  cnpm i webpack --save
  使用cnpm下載安裝webpack並把版本號寫入package.json

• cnpm i
  使用cnpm下載安裝package.json里的依賴包

提示：使用npm下載依賴時可能會有報錯，這里建議是去到npm官網查看文檔

稍微提一下我使用npm時遇到過的問題

1. 下載bcrypt時報錯，查看文檔時才知道這個插件和node版本需要對應

   

2. node-sass和sass-loader下載報錯

   進入node-sass可以看到版本也是有所限制
   

   其次，在一些拉下來的項目里面，nide-sass和sass-loader的版本已經寫入package.json,當我們cnpm i時報錯了，這里我碰到過這樣的問題，在20年4月份寫的項目后來拉去下來安裝依賴又報錯了，但是上傳時是可以正常運行的，查閱了很多文章才知道倉庫版本文件被刪除會導致這樣的問題.

   node-sass倉庫直通車
   sass-loader倉庫直通車

3. 下載bcrypt報錯：gyp。。。

   當初這個加密真的是困擾我許久，node-gyp的下載需要python@2 的環境支持，而且需要在管理員權 限的powershell下下載node-gyp。

   但是，用bcryptjs就好了啊