提前在E:\nodejs文件夾下建立node_gobal和node_cache 並配置環境變數NODE_PATH:E:\nodejs\node_global\node_modules 改變用戶變數中的C:\Users\11872\AppData\Roaming\npm為 E:\nodejs\node ...
提前在E:\nodejs文件夾下建立node_gobal和node_cache
並配置環境變數NODE_PATH:E:\nodejs\node_global\node_modules
改變用戶變數中的C:\Users\11872\AppData\Roaming\npm為 E:\nodejs\node_global
打開cmd
C:\Users\11872>npm config set prefix "E:\nodejs\node_global"
C:\Users\11872>npm config set cache "E:\nodejs\node_cache"
C:\Users\11872>npm config set registry=http://registry.npm.taobao.org
上面三步執行完成後，到用戶 C:\Users\你的用戶名\.npmrc查看是否存在上面三個指令
接著執行
C:\Users\11872>npm install webpack -g
E:\nodejs\node_global\webpack -> E:\nodejs\node_global\node_modules\webpack\bin\webpack.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\webpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ [email protected]
added 324 packages from 199 contributors in 66.87s
C:\Users\11872>npm install webpack-cli -g
E:\nodejs\node_global\webpack-cli -> E:\nodejs\node_global\node_modules\webpack-cli\bin\cli.js
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
+ [email protected]
added 206 packages from 130 contributors in 26.024s
C:\Users\11872>webpack -v
4.35.0
C:\Users\11872>npm install vue-cli -g
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
E:\nodejs\node_global\vue -> E:\nodejs\node_global\node_modules\vue-cli\bin\vue
E:\nodejs\node_global\vue-init -> E:\nodejs\node_global\node_modules\vue-cli\bin\vue-init
E:\nodejs\node_global\vue-list -> E:\nodejs\node_global\node_modules\vue-cli\bin\vue-list
+ [email protected]
added 239 packages from 206 contributors in 65.166s
C:\Users\11872>vue -V 檢查vue-cli版本號 vue -V ，此處V為大寫
切換到存放vue項目的盤符下
C:\Users\11872>e:
E:\>cd test
E:\test>vue init webpack myvue
? Project name myvue
? Project description A Vue.js project
? Author 1187253007 <[email protected]>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm
vue-cli · Generated "myvue".
# Installing project dependencies ...
# ========================
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
> [email protected] install E:\test\myvue\node_modules\chromedriver
> node install.js
Current existing ChromeDriver binary is unavailable, proceding with download and extraction.
Downloading from file: https://chromedriver.storage.googleapis.com/2.46/chromedriver_win32.zip
Saving to file: C:\Users\11872\AppData\Local\Temp\2.46\chromedriver\chromedriver_win32.zip
Received 781K...
Received 1568K...
Received 2352K...
Received 3136K...
Received 3920K...
Received 4523K total.
Extracting zip contents
Copying to target path E:\test\myvue\node_modules\chromedriver\lib\chromedriver
Done. ChromeDriver binary available at E:\test\myvue\node_modules\chromedriver\lib\chromedriver\chromedriver.exe
> [email protected] postinstall E:\test\myvue\node_modules\core-js
> node scripts/postinstall || echo "ignore"
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
> [email protected] postinstall E:\test\myvue\node_modules\webpack\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1521 packages from 1065 contributors and audited 31308 packages in 335.245s
found 84 vulnerabilities (65 low, 8 moderate, 10 high, 1 critical)
run `npm audit fix` to fix them, or `npm audit` for details
# Project initialization finished!
# ========================
To get started:
cd myvue
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
E:\test>cd myvue
E:\test\myvue>npm run dev
> [email protected] dev E:\test\myvue
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
12% building modules 19/27 modules 8 active ...ate&index=0!E:\test\myvue\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "bab 95% emitting
DONE Compiled successfully in 3785ms 6:17:03 PM
I Your application is running here: http://localhost:8080
