【vue】vue开发环境配置（Windows10）

1. 下载node

地址：https://nodejs.org/en/download/

2. 安装

一直下一步，按照默认的安装即可

3. 验证

打开控制台，输入下面两个命令查看版本号

1. node -v

2. npm -v

如果都显示出了版本号说明node和npm都安装成功了

注意：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

此时目录如下：

4. 环境配置

注意：

这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】

创建完文件夹后，打开命令窗口，执行如下命令：

npm config set prefix "D:\job\tools\nodejs\node_global"
npm config set cache "D:\job\tools\nodejs\node_cache"

打开环境变量配置：

系统变量添加如下内容：

NODE_PATH

D:\job\tools\nodejs\node_global\node_modules

之后将用户变量中path中的关于npm的路径修改一下：

修改前：C:\Users\Administrator\AppData\Roaming\npm

修改后：D:\job\tools\nodejs\node_global

5. 测试

配置完后，安装个module测试下，这里安装最常用的express模块

命令：npm install express -g # -g是全局安装的意思

注意：这里如果不加 -g 那么安装的时候就会安装到当前执行命令的目录

6. 安装cnpm

执行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

验证：cnpm -v

7. 安装、卸载vue脚手架

npm install -g @vue/cli@3.2.1

npm uninstall @vue/cli -g

 

 

参考：

1. https://www.cnblogs.com/liuqiyun/p/8133904.html