Vue安装与配置

写入借鉴网址：好细的Vue安装与配置_vue配置-CSDN博客

---

下载Vue安装地址： Node.js — Download

查看是否安装成功：

node -v

npm -v

配置全局模式及缓存

结果通过：

C:Windowssystem32>npm install vue -g

added 20 packages in 3s
npm notice
npm notice New minor version of npm available! 10.2.4 -> 10.4.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.4.0
npm notice Run npm install -g npm@10.4.0 to update!
npm notice

C:Windowssystem32>npm install webpack -g

added 78 packages in 4s

C:Windowssystem32>npm install webpack-cli -g

added 119 packages in 4s

C:Windowssystem32>npm install vue-cli -g
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: 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 consolidate@0.14.5: 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 request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to “coffeescript” (no hyphen)
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli

added 233 packages in 9s

C:Windowssystem32>npm install vue-router -g

added 22 packages in 2s

C:Windowssystem32>

结果成功示例：

建立项目：

 vue init webpack myvue

C:Windowssystem32>npm install vue-cli -g
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: 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 consolidate@0.14.5: 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 request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to “coffeescript” (no hyphen)
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
‘git’ ���������ⲿ�������������
��������s in 9s
? Project name myvue
? Project description (A Vue.js project) r -g
‘git’ ���������ⲿ�������������
�������� in 2s
? Project name myvue
? 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) npm

vue-cli Generated “myvue”.

# Installing project dependencies …
# ========================

npm WARN deprecated stable@0.1.8: 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
npm WARN deprecated consolidate@0.14.5: 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 urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated uuid@3.4.0: 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 flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated acorn-dynamic-import@2.0.2: This is probably built in to whatever tool you’re using. If you still need it… idk
npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
npm WARN deprecated html-webpack-plugin@2.30.1: out of support
npm WARN deprecated extract-text-webpack-plugin@3.0.2: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated svgo@0.7.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated vue@2.7.16: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.
npm WARN deprecated core-js@2.6.12: core-js@ [##################] | reify:es-abstract: http fetch GET 200 https://cdn.npmmirror.com/packages/es-abstract/1.22.3/es-a
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>[##################] – reify:es-abstract: http fetch GET 200 https://cdn.npmmirror.com/pac
C:Usersp50981Desktopmyvue>
C:Usersp50981Desktopmyvue>cd myvue

C:Usersp50981Desktopmyvuemyvue>npm run dev

> myvue@1.0.0 dev
> webpack-dev-server –inline –progress –config build/webpack.dev.co服务器托管网nf.js

(node:21992) [DEP0111] DeprecationWarning: Acces服务器托管网s to process.binding(‘http_parser’) is deprecated.
(Use `node –trace-deprecation …` to show where the warning was created)
13% building modules 25/28 modules 3 active …50981DesktopmyvuemyvuesrcApp.vue{ parser: “babylon” } is deprecated; we now treat it as { parser: “babel” }.
95% emitting

DONE Compiled successfully in 2068ms 15:20:41

I Your application is running here: http://localhost:8080

登录网址：

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net