-
双击安装,指定d盘
-
查看文件夹
-
查看环境变量,自动添加如下
Path=D:\software\nodejs\
- 打开cmd验证
C:\Users\dogle>node -v
v18.14.2
C:\Users\dogle>npm -v
9.5.0
C:\Users\dogle>echo %PATH%
C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;D:\software\Git\cmd;D:\Windows Kits\10\Windows Performance Toolkit\;D:\software\Anaconda3;D:\software\Anaconda3\Scripts;D:\software\Anaconda3\Library\bin;D:\software\Java\jdk-1.8\bin;D:\software\nodejs\;C:\Users\dogle\AppData\Local\Microsoft\WindowsApps;D:\software\Microsoft VS Code\bin;C:\Users\dogle\AppData\Local\Programs\EmEditor;C:\Users\dogle\AppData\Roaming\npm
-
进入如下目录
-
移动到nodejs安装目录并修改名称
-
打开cmd执行如下命令
C:\Users\dogle>npm config set prefix "D:\software\nodejs\node_global"
C:\Users\dogle>npm config set cache "D:\software\nodejs\node_cache"
- 查看全局安装目录
C:\Users\dogle>npm list -global
D:\software\nodejs\node_global
`-- (empty)
- 配置
# 镜像站
C:\Users\dogle>npm config set registry=http://registry.npm.taobao.org
# 查看镜像信息
C:\Users\dogle>npm config get registry
http://registry.npm.taobao.org/
# 查看所有配置信息
C:\Users\dogle>npm config list
; "builtin" config from D:\software\nodejs\node_modules\npm\npmrc
; prefix = "C:\\Users\\dogle\\AppData\\Roaming\\npm" ; overridden by user
; "user" config from C:\Users\dogle\.npmrc
cache = "D:\\software\\nodejs\\node_cache"
prefix = "D:\\software\\nodejs\\node_global"
registry = "http://registry.npm.taobao.org/"
; node bin location = D:\software\nodejs\node.exe
; node version = v18.14.2
; npm local prefix = C:\Users\dogle
; npm version = 9.5.0
; cwd = C:\Users\dogle
; HOME = C:\Users\dogle
; Run `npm config ls -l` to show all defaults.
# 查看C:\Users\dogle\.npmrc
registry=http://registry.npm.taobao.org/
prefix=D:\software\nodejs\node_global
cache=D:\software\nodejs\node_cache
- 添加环境变量
NODE_PATH=D:\software\nodejs\node_global\node_modules
- 以管理员身份打开cmd
C:\Windows\System32>npm install vue -g
added 20 packages in 2s
3 packages are looking for funding
run `npm fund` for details
C:\Windows\System32>npm install vue-router -g
added 22 packages in 1s
4 packages are looking for funding
run `npm fund` for details
C:\Windows\System32>npm install yarn -g
added 1 package in 773ms
C:\Windows\System32>npm install vue-cli -g
npm WARN deprecated [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm WARN deprecated [email protected]: Glob versions prior to v9 are no longer supported
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: This package has been deprecated in favour of @vue/cli
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm WARN deprecated [email protected]: Rimraf versions prior to v4 are no longer supported
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
added 233 packages in 8s
11 packages are looking for funding
run `npm fund` for details
C:\Windows\System32>npm list -global
D:\software\nodejs\node_global
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
- 查看文件夹
- 添加如下环境变量
Path=D:\software\nodejs\node_global
- 打开cmd测试
C:\Users\dogle>vue -V
2.9.6
- 构建项目
D:\studyfile>vue init webpack vue01 <--------------------- # 进入d盘
? Project name vue01
? Project description A Vue.js project
? Author
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) yarn <--------------------- # 可以指定yarn
vue-cli · Generated "vue01".
# Installing project dependencies ...
# ========================
yarn install v1.22.22
info No lockfile found.
[1/5] Validating package.json...
[2/5] Resolving packages...
warning [email protected]: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.
warning autoprefixer > [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning babel-core > babel-runtime > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning babel-core > babel-register > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning copy-webpack-plugin > globby > [email protected]: Glob versions prior to v9 are no longer supported
warning copy-webpack-plugin > cacache > [email protected]: Glob versions prior to v9 are no longer supported
warning copy-webpack-plugin > cacache > [email protected]: Rimraf versions prior to v4 are no longer supported
warning copy-webpack-plugin > cacache > rimraf > [email protected]: Glob versions prior to v9 are no longer supported
warning copy-webpack-plugin > cacache > [email protected]: This package is no longer supported.
warning copy-webpack-plugin > cacache > move-concurrently > [email protected]: Rimraf versions prior to v4 are no longer supported
warning copy-webpack-plugin > globby > glob > [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
warning copy-webpack-plugin > cacache > move-concurrently > [email protected]: This package is no longer supported.
warning copy-webpack-plugin > cacache > move-concurrently > copy-concurrently > [email protected]: Rimraf versions prior to v4 are no longer supported
warning copy-webpack-plugin > cacache > move-concurrently > [email protected]: This package is no longer supported.
warning copy-webpack-plugin > cacache > move-concurrently > copy-concurrently > [email protected]: This package is no longer supported.
warning css-loader > cssnano > autoprefixer > [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning css-loader > cssnano > postcss-merge-rules > [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning css-loader > cssnano > postcss-merge-rules > caniuse-api > [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning css-loader > cssnano > postcss-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning css-loader > cssnano > postcss-merge-rules > postcss-selector-parser > [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
warning css-loader > cssnano > postcss-svgo > svgo > coa > [email protected]: You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.
(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)
warning [email protected]: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin
warning [email protected]: out of support
warning optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo > coa > [email protected]: You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.
(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)
warning optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo > [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning [email protected]: Rimraf versions prior to v4 are no longer supported
warning shelljs > [email protected]: Glob versions prior to v9 are no longer supported
warning uglifyjs-webpack-plugin > [email protected]: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
warning vue-loader > [email protected]: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
warning webpack > [email protected]: This is probably built in to whatever tool you're using. If you still need it... idk
warning webpack > watchpack > watchpack-chokidar2 > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning webpack > watchpack > watchpack-chokidar2 > chokidar > [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
warning webpack > watchpack > watchpack-chokidar2 > chokidar > braces > snapdragon > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning webpack > watchpack > watchpack-chokidar2 > chokidar > braces > snapdragon > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
warning webpack > watchpack > watchpack-chokidar2 > chokidar > braces > snapdragon > source-map-resolve > [email protected]: See https://github.com/lydell/source-map-url#deprecated
warning webpack > watchpack > watchpack-chokidar2 > chokidar > braces > snapdragon > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning webpack-bundle-analyzer > [email protected]: Switch to the `bfj` package for fixes and new features!
warning webpack-dev-server > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning webpack-dev-server > del > [email protected]: Rimraf versions prior to v4 are no longer supported
warning webpack-dev-server > del > globby > [email protected]: Glob versions prior to v9 are no longer supported
warning webpack-dev-server > sockjs > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
[3/5] Fetching packages...
[4/5] Linking dependencies...
[5/5] Building fresh packages...
success Saved lockfile.
Done in 45.99s.
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
# Project initialization finished!
# ========================
To get started:
cd vue01
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack <--------------------- # 构建成功
D:\studyfile>cd vue01 <--------------------- # 进入项目文件夹
D:\studyfile\vue01>yarn install <--------------------- # 安装依赖
yarn install v1.22.22
[1/5] Validating package.json...
[2/5] Resolving packages...
success Already up-to-date.
Done in 0.29s.
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
D:\studyfile\vue01>npm run dev <--------------------- # 运行
> [email protected] dev
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
(node:44168) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
12% building modules 24/27 modules 3 active ...ndex=0!D:\studyfile\vue01\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
95% emitting
DONE Compiled successfully in 1542ms 18:48:24
I Your application is running here: http://localhost:8080 <--------------------- # 浏览器访问
- 使用yarn安装依赖
点击查看详情