保姆级NodeJS安装&环境配置&优化

172 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

 NodeJS下载

image.png

选择长期支持版本(LTS)

windows建议选择64-bit的.msi安装版本

NodeJS安装

无脑下一步

 接受许可

image.png 选择安装路径 (不建议安装到C盘)

建议大家在其他盘新建一个文件夹管理所有的编程环境 我这里在 F:\environment\nodejs下

一定要记得新建文件夹(nodejs) 否则会默认安装到文件夹内

image.png

 选择安装内容 我们选择默认

image.png

 继续下一步

image.png 开始安装

 安装结束

 测试: win+R 键 输入cmd打开命令行 

输入 node -v / npm -v 提示版本信息说明安装正确

image.png

image.png

修改npm为淘宝镜像源(提升下载速度)

打开命令行运行以下代码回车即可(不会有其它提示)

npm config set registry https://registry.npm.taobao.org

自定义npm全局路径

配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在nodejs下建立node_globalnode_cache两个文件夹。

image.png

 启动cmd 输入如下命令

# 按照自己node_global 路径填写
npm config set prefix "F:\environment\nodejs\node_global"
# 按照自己node_cache 路径填写
npm config set cache "F:\environment\nodejs\node_cache"

测试: 命令行输入 npm install -g vue-cli 

安装vue-cli -g 代表全局安装

可能出现报错:

image.png  解决方案:管理员权限运行cmd

一劳永逸的方法:修改安装目录下的权限

选择属性-安全-Authenticated Users -编辑 -勾选完全控制(允许)即可