node.js 与vue环境的搭建

node.js 与vue环境的搭建

---

node.js 下载

Download | Node.js (nodejs.org)

安装

点击同意

可以更改位置也可以不改

install

等待安装

finish

检测是安装完成

用以下方法进行检测，出现以下结果为安装成功

node-v

npm -v

修改全局依赖下载路径

node 安装目录下新建两文件夹 一个 node_cache 存放缓存 另一个 node_global用于存放全局文件

打开cmd 输入以下两行命令行

npm config set prefix "D:\node\node_global"

这里是我存放的位置，所以路径是 "D:\node\node_global" ，请修改至你的路径并进行

npm config set cache "D:\node\node_cache"

这里同上修改操作

测试

安装 vue的全局文件进行测试

安装命令如下

npm install -g vue

D:\Node\node_global\node_modules 查看自己路径下是否有vue全局文件，有则成功，然后开始环境变量配置

遇到的问题

有三种解决方法

1 管理员身份运行cmd 并输入以下命令行进删除

npm cache clean --force

2 手动删除

3 以管理员身份运行 cmd 并输入以下安装代码进行安装 npm install -g @vue/cli （此为权限问题，以上两种方法未能解决的情况下可使用）

环境变量配置

此处原本为默认c盘的npm位置，修改为node_global 的文件位置

新建NODE_PATH变量 变量值路径为node_global 路径下node_modules的位置

path中新建变量 %NODE_PATH%

别忘记点确定！！！！！！！！！！

检测环境变量是否成功

node

require('vue')

以下情况为成功