Vue Vue-cli配置环境-优快云博客

本文链接：https://blog.youkuaiyun.com/json_ligege/article/details/148842034

Vue 渐进式JavaScript 框架基于Vue2的学习笔记 - Vue-cli使用前配置环境

配置环境

安装node

下载地址

Node.js 中文网

新建目录

node_cache/node_global

设置目录权限

这一步需要设置一下新建两个文件夹的权限。

打开文件夹的属性设置-安全中编辑权限。

如下图：

设置完全控制

然后点击确定。

修改默认文件夹

以管理员权限打开命令窗口，运行以下命令：

npm config set prefix “E:\360downloads\nodejs\node_global”

npm config set cache “E:\360downloads\nodejs\node_cache”

检查路径

输入以下命令检查路径是否修改：

npm config get prefix

npm config get cache

设置环境变量

由node.js全局模块大多数都是可以通过命令行访问的，

还需要把“node_global”的路径加入到“系统变量 ”下的“PATH” 变量中，

方便直接使用命令行运行；进入环境变量，编辑“系统变量”下的变量“Path”,

在“Path”变量中加入Node.js的安装路径。

更改之后，nodejs下载的模块就会自动下载到我们自定义的目录（下载express模块成功，在文件管理器中查看是否保存到上面自定义的路径下）接下来查看一下是否更改成功。

输入下面的命令

npm install express -g

或者

npm install express --global

注意：这里解释一下，“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的“node_global”目录下，同时nodejs会自动地在node_global文件夹下创建“node_modules”子文件夹，即自动下载到“你的安装路\nodejs\node_global\node_modules” 路径下。