刚接触前端开发或者想自己搭个本地服务,第一步往往就是配环境。Node.js 作为现在最常用的 JavaScript 运行环境,几乎成了开发者的标配工具。很多人卡在第一步——怎么把 Node.js 装好、用起来。其实没那么复杂,跟着一步步来就行。
下载与安装 Node.js
打开官网 https://nodejs.org,你会看到两个版本:LTS(长期支持版)和 Current(最新版)。普通用户建议选 LTS,稳定不折腾。点击下载对应系统的安装包,Windows 用户是 .msi 文件,macOS 是 .pkg,Linux 用户可以用包管理器。
以 Windows 为例,双击安装包,一路“下一步”,不用改路径的话直接默认位置就行。安装过程中会自动把 Node.js 和 npm(包管理工具)加到系统路径里,装完就能在命令行用。
验证是否安装成功
按 Win+R 输入 "cmd" 打开命令提示符,或者 macOS 用户打开终端,输入下面两条命令:
node -v
npm -v
如果返回类似 v18.17.0 和 9.6.7 这样的版本号,说明已经装好了。要是提示“不是内部或外部命令”,那可能是路径没配对,回头检查安装过程有没有勾选“添加到 PATH”。
配置全局模块安装路径(可选但推荐)
默认情况下,npm 安装的全局模块会放在系统盘,比如 C:\Users\用户名\AppData\Roaming\npm。如果你的 C 盘比较紧张,可以换个位置。
先在 D 盘(或其他盘)建个文件夹,比如 D:\node_modules,然后在命令行执行:
npm config set prefix "D:\\node_modules"
这样以后用 npm install -g 安装的工具,比如 vue-cli、create-react-app,都会装到这里。
更换 npm 镜像源提升下载速度
npm 的官方源在国外,有时候下载特别慢。国内开发者常用淘宝镜像,切换方式很简单:
npm config set registry https://registry.npmmirror.com
之后装包就会从国内镜像拉取,速度快很多。想换回去就执行:
npm config delete registry
测试一个简单项目
新建一个文件夹,比如叫 myapp,进入目录后在命令行运行:
npm init -y
这会生成一个 package.json 文件。然后创建 index.js,写点代码试试:
console.log('Hello,Node.js 已经跑起来了!');
保存后,在命令行输入 node index.js,如果打印出那句话,说明环境完全正常,可以开始下一步学习了。
平时写小程序、做静态页面预览、跑本地服务器,Node.js 都能派上用场。比如你用 Vue 做个网页,只要 node server 起起来,就能实时看效果,不用反复上传到服务器。