写这篇教程是因为太多人卡在Node.js环境配置这一步了——有的装上了但npm命令用不了,有的npm install慢到怀疑人生,还有不少人在Windows上被PowerShell的脚本执行策略拦了一道,满屏幕红色报错根本看不懂。我自己这些年反复在新电脑、新环境上装Node.js,踩过的坑比看过的教程还多,所以今天把整个过程整理成一份可以直接照做的保姆级指南。
这篇内容从Node.js和npm分别是什么开始讲起,然后依次覆盖官网下载、版本选择、安装过程、环境变量校验、镜像源配置,再到高频报错的排查方案,一次讲透。适合刚接触前端开发的学生、准备搭建Vue/React项目的开发者,以及任何想在自己电脑上跑起现代前端工具的读者。不管你是Windows还是macOS,前面几步基本通用,后面对Windows专属的坑我会单独拎出来细讲。
1. Node.js和npm到底是什么,为什么要配置环境
1.1 一句话拆解Node.js和npm的关系
Node.js本质上是一个JavaScript运行时环境。以前JavaScript只能在浏览器里跑,有了Node.js之后,JavaScript就能在操作系统层面直接运行,比如读写文件、启动服务、处理网络请求。现在前端项目里用到的构建工具(webpack、Vite)、脚手架(Vue CLI、create-react-app)、各种本地开发服务器,基本都是跑在Node.js之上的。
npm则是Node.js自带的包管理工具,全称Node Package Manager。它的作用有点像手机里的应用商店,但面向的是代码包。你写项目时不需要从零写所有功能,直接用npm install把需要的第三方库拉下来就行,比如vue、react、axios、lodash这些。npm会把这些包统一放到项目下的node_modules目录里,并在package.json文件里记录项目依赖了哪些包、什么版本。
简单类比一下:Node.js是发动机,npm是方向盘和仪表盘。没有Node.js,你写的JavaScript代码就跑不起来;没有npm,你没法方便地安装、更新、卸载代码库。两者是配套的——你装好Node.js,npm会自动跟着装好,但想让它俩“听你的话”,就涉及环境配置和镜像优化。
1.2 “环境配置”到底配的是什么
很多新手听到“环境配置”就紧张,以为要改系统底层设置。其实这里做的事情很简单:让操作系统在命令行里能够找到node和npm这两个命令。
当你敲下node -v时,操作系统会在当前目录和“环境变量PATH”里列出的路径中去寻找node这个可执行文件。如果找不到,就会报“node不是内部或外部命令”。所以我们做环境配置,本质上就是把Node.js的安装目录加进PATH,并确认版本命令能正常输出。
另一件“配环境”的重要事情,就是给npm换镜像源。npm默认从官方源下载包,官方源服务器在境外,国内网络环境下下载非常不稳定,几十KB每秒是家常便饭,甚至直接超时中断。换成国内镜像源之后,下载速度可以提升几十倍,Vue项目从装十几分钟压缩到一两分钟,这是体感最明显的优化。
1.3 哪些情况下你非得把环境配好
- 你准备用Vue、React、Angular做前端开发,需要
npm create vue这类脚手架命令。 - 你准备用Vite、webpack等构建工具打包项目,它们依赖Node.js环境。
- 你准备做Node后端开发,比如用Express、Koa写接口服务。
- 你准备用npm安装全局命令行工具,比如
npm install -g某个CLI。 - 你准备运行从GitHub上拉下来的开源项目,绝大多数项目第一步都是
npm install。
这些场景有一个共同点:都需要一个能稳定跑起来的Node.js环境。配置质量的好坏直接影响后续开发的顺畅程度,所以真别小看这一步骤。
2. 下载安装前的三个关键选择
2.1 版本选择:优先LTS,别盲目追求最新
打开Node.js官网(nodejs.org)会看到两个大按钮:
- LTS版本:Long Term Support,长期维护版本,稳定性和兼容性都有保障,bug修复周期长,适合绝大多数生产环境和学习环境。
- Current版本:当前最新版,包含新特性但可能不够稳定,部分老项目依赖的npm包还不能完全兼容。
我自己的建议是:新手和常规项目一律用LTS版本。就拿Node官方发布节奏来说,偶数为LTS、奇数为Current。很多国内教学资源、Vue/React官方文档也明确推荐LTS。Current版本适合想尝鲜新特性、或者对Node内部机制有研究的开发者,否则没必要冒这个险。
怎么确认最新LTS版本号?官网首页显示的“LTS”按钮旁边就是版本号,比如v20.x或v22.x。另外还可以在命令行里用node -v查看已安装的版本,用npm view node version查看远程最新版本(这条命令需要在已配置好Node的环境里执行)。
2.2 安装包格式:自动配置环境和手写配置环境的取舍
Node.js官网提供多种格式的安装包:
- Windows系统一般选
.msi安装包,双击之后全程图形化安装,环境变量会自动写入PATH,对新手最友好。 - macOS系统一般选
.pkg安装包,同样图形化安装,自动配置。 .zip/.tar.gz是绿色压缩包,解压即用,但需要手动配置环境变量,适合喜欢折腾、或者需要多版本共存、便携环境的人。- 源码包(Source Code)需要自己编译,非特殊情况不推荐。
对绝大多数读者,我强烈推荐直接用.msi或.pkg安装包。不要为了省那点下载体积去折腾压缩包,手动改PATH容易出错,而且后续卸载不干净会留下隐患。等你有了一定经验,自然会考虑nvm(Node Version Manager,Node版本管理器)这种更灵活的方案。
2.3 关于nvm要不要现在装
如果你只是初次配置Node环境,我建议先不装nvm,老老实实装一个LTS版本跑通流程就行。nvm能让你在一台电脑上装多个Node版本并随时切换,确实很强大,但它对刚入门的用户会增加额外的心智负担——你如果不理解PATH、符号链接这些概念,nvm出问题时会比普通安装更难排查。
等你在项目里待久了,发现某个老项目必须用旧Node版本、另一个新项目需要更高版本,此时再引入nvm,你会明显感受到它的方便。我的建议是:第一步先把最基础的安装流程跑通,别给自己叠加难度。
3. Windows和macOS安装全流程实操
3.1 Windows下用MSI安装包的详细步骤
第一步,从官网下载最新的LTS版.msi文件,注意区分64位还是32位。怎么看自己系统是多少位?右键“此电脑”选属性,在系统类型一栏能看到。现在绝大多数电脑都是64位,选x64版本,后缀通常是node-v20.x.x-x64.msi。
第二步,双击安装包,进入安装向导。这里有一个关键的界面:在“Custom Setup”这一步,默认会把所有功能都勾上,其中包括“Add to PATH”选项。请务必确认这个选项是开启状态,这是自动配置环境变量的核心。另外还有npm package manager默认勾选,保持勾选即可。
第三步,有个选项叫“Automatically install the necessary tools”,意思是自动安装编译原生模块所需的工具(比如Python和Visual Studio Build Tools)。这个选项对普通前端开发来说不要勾选。因为它会额外下载好几个GB的东西,耗时数小时,而大部分项目根本用不到本地编译C++扩展。真需要时,你自己装Visual Studio Build Tools更可控。
第四步,点击Install开始安装。安装过程大概一两分钟,结束后点击Finish,然后重新打开一个命令行窗口。注意,如果安装前已经开着命令行窗口,建议全部关掉再重新打开,否则新加的PATH可能不会生效。
第五步,在新开的命令行窗口(Win+R输入cmd回车)中依次输入:
node -v npm -v看到类似v20.14.0和10.7.0这样的版本号输出,说明安装成功。
3.2 macOS下用PKG安装包的详细步骤
macOS安装相对简单,下载.pkg文件后双击,一路按提示操作即可。安装过程会要求输入系统密码授权,这也是正常的。
安装完成后同样打开终端(Terminal),输入node -v和npm -v验证。macOS上如果遇到“无法打开,因为来自身份不明的开发者”,需要去“系统设置 -> 隐私与安全性”里允许对应应用运行,这是正常的系统安全机制,放行一次就好。
另外建议在macOS上顺便安装Homebrew包管理器,后续很多工具用brew install装起来方便很多。Homebrew的安装脚本在官网首页有,拷贝到终端执行即可。装完Homebrew后,也可以用brew install node直接安装Node.js,效果和PKG安装类似,但后续升级更省事——brew upgrade node一条命令搞定。这里用到哪个方案都可以,没必要钻牛角尖。
3.3 局部验证:检查环境变量是否真的配好了
安装成功不代表所有场景都能跑通。还需要确认命令在各终端中都能识别以及PATH是否被正确写入。Windows下输入:
where node会输出类似C:\Program Files\nodejs\node.exe的路径。如果这个命令有输出,说明安装目录已经加入PATH。macOS/Linux下对应命令是which node。
还可以查看PATH变量的完整内容。Windows下输入:
echo %PATH%在输出中寻找有没有Node.js的安装目录。macOS/Linux输入:
echo $PATH正常配置后,Node.js目录会出现在PATH中。这些都是很好的排查手段,当后面遇到“命令找不到”时,第一反应就是按这个思路去查。
4. 环境配置中两个高频坑:PATH失效和PowerShell脚本限制
4.1 “node不是内部或外部命令”的完整排查思路
这个问题几乎每个Windows用户都遇到过,原因要么是安装时没勾选“Add to PATH”,要么是手动解压zip包后根本没配过PATH。解决思路按顺序来:
第一,确认Node.js安装目录是否存在。默认位置一般是C:\Program Files\nodejs\,去这个目录下看有没有node.exe文件。如果没有,说明安装不完整,建议卸载重装。
第二,打开“系统属性 -> 环境变量”,在“系统变量”里找到Path这一项,点击编辑,新建一行填C:\Program Files\nodejs\(如果是手动解压的,就填你的解压目录)。如果你安装时勾选了自动配置,这里通常已经存在一条记录。
第三,改完环境变量后,必须全部关闭并重新打开命令行窗口,否则新修改不会生效。这是很多人改完还是报错的常见原因。
第四,如果确认PATH里已经有Node目录,但命令还是找不到,可以试试把C:\Program Files\nodejs\npm、C:\Program Files\nodejs\npm.cmd这些路径也一并加到PATH中,虽然一般用不上,但某些特殊情况下npm命令找不到时这样能救急。
4.2 被无数人问烂的“npm.ps1无法加载文件”问题
这个报错在Windows上极其常见,完整报错长这样:
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。标题和正文都涉及系统环境和脚本策略,需要说明的是这是Windows系统的安全机制在起作用——PowerShell默认禁止执行未签名的本地脚本。你在PowerShell里运行npm命令时,PowerShell优先找npm.ps1这个脚本文件,结果发现系统禁止运行脚本,就报了上面这个错。
解决办法很简单:以管理员身份打开PowerShell(右键开始菜单选择“Windows PowerShell (管理员)”),执行:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser这条命令的作用是:允许运行本地创建的脚本,对从网络下载的脚本则需要数字签名。平时我们用npm时的各种powerShell脚本都是本地生成的,RemoteSigned策略够用且不会显著降低系统安全性。执行后输入Y确认即可。
这里有一个特别重要的原则:能限定到当前用户就限定到当前用户,不要动机器级策略,更不要图省事直接把策略改成Unrestricted。-Scope CurrentUser只影响你当前的用户账户,不至于让整台机器都被放宽限制。我见过有人图方便直接Set-ExecutionPolicy Bypass,结果后续其它脚本安全问题层出不穷,真的不值。
改完策略后,重启PowerShell,输入npm -v就能正常输出了。
如果你不想改策略,也有替代方案:在cmd命令行里使用npm,或者在VS Code里选择“命令提示符”类型的集成终端,而非PowerShell终端。这样绕开了PowerShell的策略检查。但说实话,既然做开发早晚要在PowerShell里跑命令,直接把执行策略改对才是治本之策。
4.3 环境配置完成后如何彻底验证
安装和策略都处理好后,我习惯做一轮完整的“冒烟测试”,确保环境真的能用于实际开发:
node -v npm -v npm config get registry如果三条命令都正常输出,基本可以开搞项目了。进一步测试可以临时创建一个测试目录,运行npm init -y快速生成package.json,再随便装一个小包试试,比如:
npm install lodash --save安装成功且node_modules目录被创建,说明整个链路没有问题了。这一步我每次都做,能提前发现隐藏的环境问题,尤其是在刚配好新电脑的时候。
5. 给npm换镜像源:国内开发最需要的优化
5.1 为什么npm下载那么慢,镜像的原理是什么
npm官方默认的下载地址是https://registry.npmjs.org/,这个源部署在境外,国内网络访问它的速度相当不理想。具体表现就是执行npm install时卡在idealTree:xxx阶段半天不动,或者进度条走几行就报ETIMEDOUT、ECONNRESET错误。
镜像源是怎么回事?简单说,镜像就是官方仓库的“同步副本”,各家云服务商会把npm上的所有包同步到自己的国内服务器上,然后提供访问速度更快的下载地址。你在配置里告诉npm“去国内这个源下载”,它就去那儿拉包,速度自然快得多。
圈内最常用的是淘宝npm镜像,官方域名从2022年起迁移到了https://registry.npmmirror.com,记住这个地址就够了。除了淘宝源,还有华为云源、腾讯云源等,但对学习开发和项目使用,淘宝源覆盖情况几乎是百分百的,社区里绝大部分教程也用这个。
5.2 修改npm全局默认源(最推荐的做法)
先查看当前用的哪个源:
npm config get registry初始状态一般显示官方源地址https://registry.npmjs.org/。改成淘宝镜像源,执行:
npm config set registry https://registry.npmmirror.com再次运行npm config get registry,看到输出https://registry.npmmirror.com/就说明配置成功了。这个配置是全局生效的,会写入你的用户级.npmrc文件里。之后任何项目的npm install都会从这个源下载,不用每个项目再单独设置。
5.3 更灵活的按项目级配置:在项目根目录写.npmrc
如果你想只让特定项目走特定源(比如公司内部有私有npm仓库,或者某个项目必须用官方源),可以在项目根目录下新建一个.npmrc文件,写入:
registry=https://registry.npmmirror.com优先级方面,项目级.npmrc文件会覆盖全局配置。如果项目里存在.npmrc文件,npm会优先读它。所以那些不想全局换源、又想体验国内加速的人,完全可以采用这种方式。还有个好处是,项目给别人使用时只要带上.npmrc,对方不需要做任何设置就能保持镜像源,对团队协作挺友好。
5.4 临时单次使用镜像源,不改任何配置
还有一种“用完就走”的方式,执行安装命令时指定镜像源:
npm install --registry=https://registry.npmmirror.com这个命令只对当前这次安装生效,不修改任何配置文件,适合临时拉某个大包、或者帮别人排查问题时临时切换。不过说实话,日常开发我更建议直接改全局配置,省心。
5.5 最近很实用的细节:只改registry还不够
老一点的项目里经常用到一个包叫node-sass,它安装时会从GitHub下载二进制文件,光改registry并不能解决它的下载问题。如果你的项目还在用node-sass,大概率会碰到安装失败报download binary失败的情况。
针对这种情况,两个解决方向:
- 如果项目允许,把
node-sass换成dart-sass(sass包),API基本兼容且安装全程走npm,不会去GitHub下载二进制。 - 如果项目必须用
node-sass,设置环境变量SASS_BINARY_SITE=https://npmmirror.com/mirrors/node-sass/,让它去国内镜像下载二进制文件。
新版Node.js自带的npm已经很少牵扯这类问题了,但接手老项目时这块知识还是很有用的。“换源”不是简单的set registry就万事大吉,不同依赖包还可能有各自的默认下载渠道,多了解一层,排查问题时思路会宽很多。
5.6 还原官方源的场景和做法
遇到以下情况时需要还原成官方源:某些付费或私有npm包只在官方源发布;公司安全要求不得使用非官方源;或者镜像源同步延迟导致拉不到某个刚发布的新版本。
还原命令同样是npm config set:
npm config set registry https://registry.npmjs.org/如果你用了.npmrc文件的项目级配置,删除项目里的.npmrc文件即可。我自己会在~/.npmrc文件里放一个“还原备注”,怕自己哪天忘记怎么折腾回来。
5.7 镜像配置后如何确认生效
配置完镜像后,别急着安装大项目,先验证一下确实走的是新源:
npm config get registry npm pingnpm ping会测试当前源的可连通性,正常会输出PING https://registry.npmmirror.com/和成功提示。还可以通过查看实际下载速度来感受差异:
npm install vue --save如果几秒内安装完成,说明镜像配置已经生效并发挥作用了。
6. 用nrm工具管理镜像源,npm常用命令补充
6.1 nrm是什么,怎么装
nrm(npm registry manager)是一个专门用来管理和切换npm源的小工具。使用npm install -g nrm安装。装完之后:
nrm ls可以看到当前所有可用的镜像源列表,包括npm官方源、淘宝源、腾讯源、华为源等,前面带*号的是当前正在使用的源。切换源用:
nrm use taobao切换后同样可以用nrm current查看当前源。还支持测试各个源的响应速度:
nrm test这个命令会分别向所有源发送测试请求并统计响应时间,输出结果一目了然。如果你有一点选择困难,用它挑一个最快的源是个好办法。
不过有一点需要注意:nrm装太早意义不大。它的本质就是帮你改registry配置,说白了和你手动执行npm config set registry没什么区别。但对经常在多个源之间来回切换的开发者来说,执行一条nrm use xxx比反复敲npm config set命令要舒服得多。
6.2 用npm安装项目依赖时的核心命令速查
环境配好、源也换成国内镜像之后,接下来最常用的npm命令我给你列一份速查表(结合我自己多年用下来的习惯):
| 场景 | 命令 | 说明 |
|---|---|---|
| 初始化项目 | npm init -y | 快速生成package.json文件 |
| 安装所有依赖 | npm install | 按package.json安装所需模块 |
| 安装某个依赖到生产依赖 | npm install 包名 | 默认写入dependencies |
| 安装到开发依赖 | npm install 包名 -D | 写入devDependencies |
| 全局安装工具 | npm install -g 工具名 | 常用于CLI工具 |
| 卸载依赖 | npm uninstall 包名 | 同时移除package.json记录 |
| 查看全局包列表 | npm list -g --depth=0 | 只看顶层包名 |
| 查看某个包的版本 | npm view 包名 version | 不下载包,仅查信息 |
| 清理npm缓存 | npm cache verify | 校验和清理缓存 |
| 运行项目脚本 | npm run 脚本名 | 执行package.json中scripts定义的任务 |
每天高频用到的其实就是前面几条。-D和--save的区别值得说一下:-D(即--save-dev)写入devDependencies,构建工具、编译插件这些只在开发阶段用的包装在这里;不加-D则写入dependencies,项目上线后还需要用到的运行时依赖装这里。新手常常无脑全用-D,导致部署时缺依赖,这里顺手提醒一下。
6.3 卸载和重装Node.js的完整建议
换电脑或者Node环境彻底搞乱时,最有效的解决方式是卸载重装。Windows下要卸载干净,依次做这几件事:
- 在“控制面板 -> 卸载程序”中卸载Node.js。
- 手动检查并删除遗留目录,比如
C:\Program Files\nodejs、C:\Users\你的用户名\AppData\Roaming\npm、C:\Users\你的用户名\AppData\Local\Temp下的npm相关缓存。 - 清理可能残留的环境变量PATH条目。
macOS下用PKG安装的话,可以执行sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules,n} /opt/local/lib/node_modules这样的清理命令(指定日期前慎用,最好在卸载工具辅助下操作)。当然更简单的方式是彻底抹掉后用brew install node重新装,至少后续管理方便不少。
重装完成后,记得先做基础的node -v和npm -v验证,再配镜像源,再接项目依赖。顺序上别偷懒,一步步来,如果直接拿老项目试,出了问题往往很难判断是环境坏了还是项目配置有问题。
7. 高频报错排查速查表与避坑心得
7.1 常见报错对照表
| 报错信息特征 | 主要原因 | 解决办法 |
|---|---|---|
node不是内部或外部命令 | PATH未配置好或安装不完整 | 检查安装目录和PATH,改完重启终端 |
npm.ps1无法加载文件...禁止运行脚本 | PowerShell执行策略限制 | 用Set-ExecutionPolicy RemoteSigned -Scope CurrentUser处理后重启终端 |
npm ERR! Error: ETIMEDOUT | 网络访问官方源超时 | 配置国内镜像源,或临时用--registry参数指定镜像 |
npm ERR! code ECONNRESET | 连接被重置,网络问题 | 切换镜像源后重试 |
npm ERR! code ELIFECYCLE | 项目script命令执行失败 | 检查具体报错上下文,通常是对应升级版本不兼容或内存不足,先加大内存/重装依赖 |
npm WARN deprecated | 依赖包已不建议使用 | 只是警告,不阻塞安装,按提示升级或替换 |
| 安装node-sass失败,从GitHub下载binary中断 | node-sass二进制需从GitHub下载 | 设置SASS_BINARY_SITE指向国内镜像,或换成dart-sass |
npm ERR! EEXIST或EPERM | 文件占用,常见于Windows | 关闭编辑器/杀毒软件,删除无法写入的文件夹后重试 |
Error: Cannot find module 'xxx' | 依赖缺失或全局包路径不对 | 执行npm install,或npm install -g xxx后确认全局路径是否在PATH |
npm ERR! code EINTEGRITY | 包校验失败,缓存异常 | 删除node_modules和package-lock.json后重新npm install,或npm cache verify清理缓存 |
这张表基本覆盖了新手阶段能碰到的绝大多数安装报错。记不住没关系,Ctrl+F搜关键词定位就行。
7.2 我在实际安装和配置中踩过的几个坑
第一个坑:安装时勾选了“Automatically install the necessary tools”。这个选项会额外下载Python、C++编译工具链,体积好几个GB,安装时间极长,而且对纯前端项目毫无必要。我踩过一次后再也不装了,之后跑npm install也不受影响。只有当你需要node-gyp编译原生模块(比如某些数据库驱动)时,才需要回头单独安装编译环境。
第二个坑:安装完Node后没有重启VS Code就直接跑npm命令,结果报错。VS Code这类编辑器在打开时会缓存环境变量,安装Node之后必须完全关闭并重新打开才能识别到新加入PATH的路径。这个坑特别隐蔽,因为在cmd里node -v明明正常,回到VS Code终端里就报错,很多人会误以为是VS Code配置有问题。
第三个坑:项目里有.npmrc文件但内容过期或写了私有源地址,导致npm install一直失败,而全局设置明明是对的。排查时很容易忽略这个项目级配置文件。遇到安装失败,先看一眼项目根目录有没有.npmrc,不管内容是什么,先把它临时改名排除干扰,再跑一次npm install,基本就能定位问题。
第四个坑:全局装了一堆工具后,直接删除Node.js再重装,结果之前用npm装的全局包全部失效。后来学乖了,重装前先执行npm list -g --depth=0导出全局包清单,重装后再逐个npm install -g恢复。当然如果你以前没装过多少全局包,这条可以跳过。
7.3 配置完成后我还建议顺手做的事
第一,把corepack认识一下。新版Node.js自带corepack,可以让你方便地管理pnpm、yarn这些其他包管理器,不用再单独全局安装。可以设置corepack自动从package.json里的packageManager字段识别要用哪个工具。
第二,设置npm全局安装路径到当前用户目录。Windows下如果怕权限问题,可以用npm config set prefix "C:\Users\你的用户名\AppData\Roaming\npm"。不过新版安装器一般已经自动配好,刚上手无需折腾。
第三,养成习惯把node_modules目录拉黑。用Git做项目版本管理时,.gitignore文件里一定要写上node_modules/,否则你提交代码时会把成千上万的文件一起提交,仓库直接爆炸。这个不算环境配置的范畴,但当你第一天用npm装依赖后就会立刻遇到这个问题。
第四,如果公司网络环境特殊、或者家里的网络打不开npm官方文档,那么把镜像源配好后,相关文档站也可以正常访问,因为npm view、npm docs这些命令都会走registry源。万一哪天npm view读取不到信息,先检查registry是不是又被别的东西改掉了。
8. 最后分享一点个人经验
环境配置这件事,最考验人的不是技术难度,而是耐心和排查思路。我这些年帮不少人处理过Node环境问题,发现九成以上的失败都来自三个习惯性误区:不看版本直接装最新版、安装时乱勾选项、配置后不重启终端就测试。
我自己已经固定了一套“安装六步曲”:先确认系统位数,再选LTS版本下载MSI,安装时只保留默认选项、绝不勾选自动安装工具,装完重启终端,验证node和npm版本,最后立刻设置镜像源并做一次小安装测试。这套流程在任何一台新电脑上都不会出大问题,你照着走一遍,基本上半小时之内就能把环境收拾利索。
如果这篇文章帮你把Node.js和npm环境配好了,建议你趁热打铁,找个Vue或React的官方教程项目,跑一遍从克隆到npm install到npm run dev的全流程。环境配好只是第一步,真正让这套工具链发挥价值的是后边那些不断进步的项目实践。装好了环境,就大胆去写代码吧,后面还有更有意思的事情等着你。