前段时间在学习Flutter,这两天开始学习一下Vue.js这个渐进式前端框架,在搭建vue.js环境时需要配置node.js环境,以下为我搭建node.js环境时的配置方法,希望能对大家有所帮助
1.进行环境搭建之前,首先手动下载以下内容:
1).node.js(链接地址:https://nodejs.org/zh-cn/)
2.node.js环境配置
1)安装node.js
安装完成如图所示
2)系统配置node.js
在node.js安装目录下分别新建node_cache、node_global文件夹,如下图所示:
备注:单独设置global和cache的文件夹的目的是为了修改默认存放位置,现在很多工具都把下载内容放在C盘的User目录下,如果你的nodejs安装路径不在C盘,你的C盘也不想那么大的话,尽可能设置一下。
进入系统属性→环境变量,系统变量下新建NODE_PATH,变量值指向安装目录下的node_modules文件夹
在系统变量中找到Path变量,编辑,添加node.js安装目录
3)配置node_cache、node_global文件夹
在cmd或者powershell下输入
npmconfigsetprefix "D:\Develop\nodejs\node_global"
npmconfigsetcache "D:\Develop\nodejs\node_cache"
打开环境变量→用户变量,选择变量Path编辑,新建路径指向node_global
4)安装配置完成,检查成功的标志就是在cmd或者powershell下,直接输入node -v以及npm -v能够打印出版本,证明环境变量和安装都正确,如下图所示
至此,node.js环境已经配置完成,npm环境配置完成。