1. 下载
官网地址 https://nodejs.cn/download/
2. 安装
双击安装包,一直点 Next
安装好后 cmd查看是否安装成功:
node -v
查看nodejs版本
npm -v
查看npm版本,npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
3. 关于修改全局模块路径和缓存路径
在执行npm install express -g
命令时(g表示global全局)会默认下载到c盘,可以看自己的需求是否更改路径,放到系统盘下会占用系统盘空间,但是读写速度也会变快。我这里就不做修改了。
4. 更换npm源为淘宝镜像
首先说明一下npm和淘宝镜像、cnpm
- npm:nodejs的包管理器,使用npm来安装插件,服务器在国外,所以比较慢且有可能出现异常。
- cnpm:我们可爱的淘宝团队做的完整 http://npmjs.org 镜像,服务器在中国,所以快很多。
有一些框架比如若依会有以下提示
前端安装完node后,最好设置下淘宝的镜像源,不建议使用cnpm(可能会出现奇怪的问题)
所以推荐源使用国内源,命令还是用npm:
- 更换源
npm config set registry https://registry.npm.taobao.org
(淘宝源新地址:npm install --registry=https://registry.npmmirror.com
) - 验证源
npm config get registry
如果要使用cnpm:
- 下载安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 验证
cnpm -v
5. 前端运行命令
- 进入项目文件夹
cd 项目文件夹
- 安装依赖
npm install
- 启动项目
npm run dev
常见问题:Error: error:0308010C:digital envelope routines::unsupported
原因:下载node版本和工程的node不兼容,卸载当前node,更换到17以前的版本
卸载方式:在windows的应用管理里卸载即可。