前端Node.js安装及环境变量配置
概要node.js的安装及环境变量配置附图
node.js下载安装
node.js官网安装包下载链接，选择需要的版本下载
https://i-blog.csdnimg.cn/direct/c5f82738df114dfd88c5f3b69f9e498f.jpeg
安装步调
（1）下载完成后，双击安装包，开始安装Node.js
(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮（推荐修改路径除c盘外的任意盘，不改也可以）
https://i-blog.csdnimg.cn/direct/3eb87b54fca04a1fb02737d748b74b11.png
（3）可根据自身需求举行，此处我选择默认安装，继续点击【Next】按钮
https://i-blog.csdnimg.cn/direct/356073ad582a45b58b59311b78f3b4e8.png
（4）不选中，直接点击【Next】按钮
https://i-blog.csdnimg.cn/direct/d244214bca954cb3a3cb4916b90ca38a.png
（5）点击【Install】按钮举行安装
（6）安装完毕，点击【Finish】按钮
（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口
输入：node -v // 表现node.js版本
npm -v // 表现npm版本
https://i-blog.csdnimg.cn/direct/470ee146ce9e4e3883349474bd2e34df.png
-------------------------------成功表现版本说明安装成功--------------------------------------------
环境配置
（1）找到刚刚安装的node.js目录，在安装目录下新建两个文件夹【node_global】和【node_cache】
https://i-blog.csdnimg.cn/direct/ea9b7bc53aec47d8bdf94198e46bc337.png
（2）创建完毕后，复制刚刚创建的【node_global】和【node_cache】文件夹路径在cmd命令分别输入以下两条命令，留意不要两条命令的文件路径不要搞混了。
使用管理员身份打开cmd命令窗口（打开方法见下方Tips），输入以下命令（下面的路径是我创建的文件夹所在的路径，需要复制你们本身创建的路径哦）
①npm config set prefix “你的路径 ode_global” （复制刚刚所创建的“node_global”文件夹路径）
②npm config set cache “你的路径 ode_cache” （复制刚刚所创建的“node_cache”文件夹路径）
https://i-blog.csdnimg.cn/direct/e4019bc1d76b4208809d4a796aedf452.png
-----------可以输入以下两条命令查看路径是否配置正确------------
https://i-blog.csdnimg.cn/direct/d2402dbe0808442fa88774196bf46be7.png
（3）配置环境变量
①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】
`` ② 在【系统变量】中点击【新建】
https://i-blog.csdnimg.cn/direct/baa659bfddc64150bc8b1043bc8df2d0.png
变量名：NODE_PATH
变量值：D:commondevelopNodejs ode_global ode_modules
随后在后续安装完express模块之后就会发如今【node_global】里自动多出了一个【node_modules】文件夹
https://i-blog.csdnimg.cn/direct/87454574b9e144bdaa3c3e8e07f292e6.png
③编辑【用户变量】中的【Path】
https://i-blog.csdnimg.cn/direct/fd8f6aba2a284d5385cb5a6228f119e3.png
④将默认的 C 盘下【 AppDataRoaming pm 】修改成 【node_global】的路径，点击【确定】
https://i-blog.csdnimg.cn/direct/86f9e62e2e6840b98d6185379ff6b208.png
https://i-blog.csdnimg.cn/direct/1c5d06f5aaae41ceadf00933c39040b9.png
⑤在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后不停点击【确定】直到关闭所有窗口即可。
https://i-blog.csdnimg.cn/direct/1c203c69f55842b0ad86946ffd3c4f7f.png
https://i-blog.csdnimg.cn/direct/64cffbdacb274581b9192c220d2aa8d6.png
四、测试
配置完成后，全局安装一个最常用的 express 模块举行测试（使用管理员方式打开cmd）
https://i-blog.csdnimg.cn/direct/7fc76c0b0ab049fca6aee4076edd5705.png
出现以下界面即为配置成功
https://i-blog.csdnimg.cn/direct/2cdc532c947a47f8bb7b4499fac9380f.png
小结
如果没有使用管理员方式打开cmd窗口的话，可能会报以下错误
https://i-blog.csdnimg.cn/direct/6c34cf21b6ec45eabf4185a9ac8195f8.png
如果上述操纵都正确，运行npm install时出现“无法识别…"可以实验重启电脑，可能有些windows电脑配置完不是立马见效
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]