德州点创教育:node如何改变VUE插件的全局安装路径

使用node搭建vue
一:VUE的安装
1、安装node.js
2、改变原有的环境变量:

  1. 2.1、首先配置npm的全局模块的存放路径、cache的路径 。
  2. 此处我们选择放在:D:\Program Files\nodejs
输入如下命令:
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache"D:\Program Files\nodejs\node_cache"
如下图所示:
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
完成后可以在文件夹中看到相应名字的文件夹 , 如下:
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
在系统环境变量添加NODE_PATH,输入路径为:D:\Program Files\nodejs\node_global
操作如下:我的电脑右击 , 打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:输入上面路径 , 确定即可 。
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
安装cnpm:
输入以下命令:npm install -g cnpm --registry=
如下图:
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
2.2、输入cnpm -v, 检测是否正常 , 但是这里会报错 。
2.3、添加系统变量path的内容
因为cnpm会被安装到D:\Program Files\nodejs\node_global下 , 而系统变量path并未包含该路径 。 在系统变量path下添加该路径即可正常使用cnpm 。
如图 , 修改系统变量path:
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
修改系统变量path
然后再次输入cnpm -v, 结果如下:
德州点创教育:node如何改变VUE插件的全局安装路径文章插图
以后 , 我们安装任何插件都可以使用cnpm , 而不用npm命令了 。
2:使用控制台安装 vue ->npm install vue --g
3:安装vue脚手架 npm install vue-cli --g
4:安装webpack npm install --g webpack
【德州点创教育:node如何改变VUE插件的全局安装路径】5:创建vue项目 vue init webpack 项目名