0008node安装配置vue

上接 https://blog.csdn.net/milijiangjun/article/details/104114213 0007windows搭建vue

上接 https://blog.csdn.net/milijiangjun/article/details/104017289 0001-框架的搭建

现在我们要接着开始配置我们想要的vue 环境

输入现有的命令

npm install vue -g

npm 安装模块 vue 安装到全局

出现提示安装地址目录

vue@2.6.11 F:\AddRuanJoms\NodeJs\node_global\node_modules\vue

dist 是distribution 的缩写是最终发布产品，也是我们需要的核心东西

然后我们安装vue-route （此次可以不安装此程序）

输入 npm install vue-router -g

出现提示

vue-router@3.1.5 F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-router

安装vue 脚手架输入

npm install vue-cli -g

出现提示

Microsoft Windows [版本 10.0.18362.30]
(c) 2019 Microsoft Corporation。保留所有权利。

C:\Users\admin>npm install vue -g
vue@2.6.11 F:\AddRuanJoms\NodeJs\node_global\node_modules\vue

C:\Users\admin>npm install vue-router -g
vue-router@3.1.5 F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-router

C:\Users\admin>npm install vue-cli -g
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN engine vue-cli@2.9.6: wanted: {"node":">=6.0.0"} (current: {"node":"4.4.3","npm":"2.15.1"})
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN engine inquirer@6.5.2: wanted: {"node":">=6.0.0"} (current: {"node":"4.4.3","npm":"2.15.1"})
npm WARN engine har-validator@5.1.3: wanted: {"node":">=6"} (current: {"node":"4.4.3","npm":"2.15.1"})
npm WARN engine strip-ansi@5.2.0: wanted: {"node":">=6"} (current: {"node":"4.4.3","npm":"2.15.1"})
npm WARN engine ansi-regex@4.1.0: wanted: {"node":">=6"} (current: {"node":"4.4.3","npm":"2.15.1"})
npm WARN engine punycode@2.1.1: wanted: {"node":">=6"} (current: {"node":"4.4.3","npm":"2.15.1"})
F:\AddRuanJoms\NodeJs\node_global\vue -> F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-cli\bin\vue
F:\AddRuanJoms\NodeJs\node_global\vue-init -> F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-cli\bin\vue-init
F:\AddRuanJoms\NodeJs\node_global\vue-list -> F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-cli\bin\vue-list
vue-cli@2.9.6 F:\AddRuanJoms\NodeJs\node_global\node_modules\vue-cli
├── commander@2.20.3
├── semver@5.7.1
├── uid@0.0.2
├── tildify@1.2.0 (os-homedir@1.0.2)
├── user-home@2.0.0 (os-homedir@1.0.2)
├── coffee-script@1.12.7
├── validate-npm-package-name@3.0.0 (builtins@1.0.3)
├── minimatch@3.0.4 (brace-expansion@1.1.11)
├── multimatch@2.1.0 (array-differ@1.0.0, arrify@1.0.1, array-union@1.0.2)
├── rimraf@2.7.1 (glob@7.1.6)
├── read-metadata@1.0.0 (yaml-js@0.0.8)
├── ora@1.4.0 (cli-spinners@1.3.1, log-symbols@2.2.0, cli-cursor@2.1.0)
├── consolidate@0.14.5 (bluebird@3.7.2)
├── chalk@2.4.2 (escape-string-regexp@1.0.5, supports-color@5.5.0, ansi-styles@3.2.1)
├── metalsmith@2.3.0 (is-utf8@0.2.1, absolute@0.0.1, thunkify@2.1.2, has-generators@1.0.1, clone@1.0.4, stat-mode@0.2.2, win-fork@1.1.1, is@3.3.0, recursive-readdir@2.2.2, unyield@0.0.1, chalk@1.1.3, ware@1.3.0, co-fs-extra@1.2.1, gray-matter@2.1.1)
├── request@2.88.0 (aws-sign2@0.7.0, tunnel-agent@0.6.0, oauth-sign@0.9.0, forever-agent@0.6.1, is-typedarray@1.0.0, caseless@0.12.0, safe-buffer@5.2.0, aws4@1.9.1, isstream@0.1.2, json-stringify-safe@5.0.1, extend@3.0.2, performance-now@2.1.0, qs@6.5.2, uuid@3.4.0, combined-stream@1.0.8, mime-types@2.1.26, tough-cookie@2.4.3, form-data@2.3.3, http-signature@1.2.0, har-validator@5.1.3)
├── download-git-repo@1.1.0 (git-clone@0.1.0, download@5.0.3)
├── handlebars@4.7.2 (source-map@0.6.1, uglify-js@3.7.6, optimist@0.6.1, neo-async@2.6.1)
├── async@2.6.3 (lodash@4.17.15)
└── inquirer@6.5.2 (ansi-escapes@3.2.0, cli-width@2.2.0, through@2.3.8, figures@2.0.0, mute-stream@0.0.7, strip-ansi@5.2.0, run-async@2.3.0, cli-cursor@2.1.0, string-width@2.1.1, external-editor@3.1.0, lodash@4.17.15, rxjs@6.5.4)

C:\Users\admin>

然后进行添加新的环境变量因为vue 的脚本在node_globl中所以需要添加环境系统变量