在windows上部署vue

1.在官網下載安裝包https://nodejs.org/en/download/

2.安裝

3.配置cache和全局目錄，在windows上新建兩個目錄，然后在cms中設置

npm config set cache "D:\Program Files\nodejs\node_cache"

npm config set prefix "D:\Program Files\nodejs\node_globall"

4.設置環境變量

系統變量中添加NODE_PATH

D:\Program Files\nodejs\node_global

系統變量的path變量中新增

D:\Program Files\nodejs\

%NODE_PATH%

D:\Program Files\nodejs\node_global\node_modules

5.安裝cnpm 淘寶源

npm install -g cnpm --registry=https://registry.npm.taobao.org

6.測試

cnpm -V

　出現以下界面則安裝成功

cnpm@6.1.1 (D:\Program Files\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.2 (D:\Program Files\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@12.16.1 (D:\Program Files\nodejs\node.exe)
npminstall@3.27.0 (D:\Program Files\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\Program Files\nodejs\node_global
win32 x64 10.0.18362
registry=https://r.npm.taobao.org

7.安裝@vue/cli

cnpm install -g @vue/cli

8.測試

vue -V

9.建立測試項目

vue init webpack-simple  test

　　提示：

  Command vue init requires a global addon to be installed.
  Please run npm install -g @vue/cli-init and try again.

　　安裝

cnpm install -g @vue/cli-init

　　再次建立項目

　　運行

npm run dev

　　報錯：

> test@1.0.0 dev E:\VueProjects\test
> cross-env NODE_ENV=development webpack-dev-server --open --hot

'cross-env' 不是內部或外部命令，也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test@1.0.0 dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the test@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Program Files\nodejs\node_cache\_logs\2020-03-15T14_06_10_798Z-debug.log

　　

原因：這是新版webpack存在的BUG，卸載現有的新版本webpack，裝老版本就好。

（1）、npm uninstall webpack-dev-server

（2）、npm install webpack-dev-server@2.9.1

（3）、npm run dev

運行成功！