nodejs之npm、vue环境 open layers

vue.js环境安装参考

1. 安装node.js，在https://nodejs.org/en/download/选择合适的版本和系统类型下载XXX.msi，傻瓜式安装即可。
2. 在本地文件夹下添加两个新文件夹node_global和node_cache，用于存储本地仓库和缓存。将默认生成的目的转移到新创建的文件夹中，npm config set prefix "路径"
3. 配置镜像源npm config set registry https://registry.npm.taobao.org
4. 配置系统环境变量
5. 更新npm版本，npm install npm -g
6. 下载vue，npm install vue -g
   具体操作如下所示：

# 安装node.js之后查看是否安装成功以及版本号
C:\Users\llrachel>node -v
v12.18.3

C:\Users\llrachel>npm -v
6.14.6
# 将缓存和全局配置到新创建的两个文件夹
C:\Users\llrachel>npm config set prefix "F:\1program\nodejs\node_global"
C:\Users\llrachel>npm config set cache "F:\1program\nodejs\node_cache"
# 查看本地仓库是否配置好
C:\Users\llrachel>npm list -global
F:\1program\nodejs\node_global
`-- (empty)
# 配置镜像源
C:\Users\llrachel>npm config set registry=http://registry.npm.taobao.org
# 查看配置信息，在本地会生成一个.npmrc文件
C:\Users\llrachel>npm config get registry
http://registry.npm.taobao.org/
# 查看能否获取vue信息
C:\Users\llrachel>npm info vue

[email protected] | MIT | deps: none | versions: 297
Reactive, component-oriented view layer for modern web interfaces.
https://github.com/vuejs/vue#readme

dist
.tarball: https://registry.npm.taobao.org/vue/download/vue-2.6.12.tgz
.shasum: f5ebd4fa6bd2869403e29a896aed4904456c9123

maintainers:
- yyx990803 <[email protected]>

dist-tags:
csp: 1.0.28-csp   latest: 2.6.12    next: 3.0.0-rc.7

published 4 days ago by yyx990803 <[email protected]>
# npm升级
C:\Users\llrachel>npm install npm -g
F:\1program\nodejs\node_global\npm -> F:\1program\nodejs\node_global\node_modules\npm\bin\npm-cli.js
F:\1program\nodejs\node_global\npx -> F:\1program\nodejs\node_global\node_modules\npm\bin\npx-cli.js
+ [email protected]
added 434 packages from 885 contributors in 27.094s

C:\Users\llrachel>npm -v
6.14.8

安装vue，路由及其脚手架到全局

C:\Users\llrachel>npm install vue -g
+ [email protected]
added 1 package from 1 contributor in 1.055s

C:\Users\llrachel>npm install vue-router -g
+ [email protected]
added 1 package from 1 contributor in 0.595s

C:\Users\llrachel>npm install vue-cli -g
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]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated [email protected]: this
F:\1program\nodejs\node_global\vue -> F:\1program\nodejs\node_global\node_modules\vue-cli\bin\vue
F:\1program\nodejs\node_global\vue-list -> F:\1program\nodejs\node_global\node_modules\vue-cli\bin\vue-list
F:\1program\nodejs\node_global\vue-init -> F:\1program\nodejs\node_global\node_modules\vue-cli\bin\vue-init
+ [email protected]
added 236 packages from 204 contributors in 21.886s

C:\Users\llrachel>vue
'vue' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

vue命令出错的原因是：没有将global添加到path中。

C:\Users\llrachel