初识 Node.js 与 npm—— 前端工程化的起点

在我的认知里，JavaScript 只能跑在浏览器里。直到接触了 Node.js，才知道 JS 还能跑在服务端。
Node.js 不是语言，也不是框架，它是基于 Chrome V8 引擎的 JavaScript 运行环境。有了它，前端就能用 JS 写后端服务、写工具脚本，能力边界一下子拓宽了很多。
不过现阶段我用得最多的还是 npm。npm 是 Node.js 自带的包管理工具，全球最大的开源库生态。需要什么工具、什么库，一条命令就能安装：
bash
运行

初始化项目，生成package.json

npm init -y

安装生产依赖

npm install vue

安装开发依赖

npm install webpack --save-dev

卸载包

npm uninstall vue
刚开始用 npm 的时候，dependencies和devDependencies傻傻分不清楚。后来搞懂了：前者是生产环境依赖，也就是项目运行需要的包；后者是开发环境依赖，只有开发打包的时候才用到。
还有 package.json 文件，它是项目的配置清单：
json
{
"name": "my-project",
"version": "1.0.0",
"scripts": {
"dev": "webpack serve",
"build": "webpack"
},
"dependencies": {
"vue": "^3.2.0"
},
"devDependencies": {
"webpack": "^5.0.0"
}
}
记录了项目名称、版本、依赖包、脚本命令等等。拿到一个陌生的前端项目，先看 package.json 就能大概知道项目的技术栈和启动方式。
Node.js 和 npm 是前端工程化的基础。学会了它们，才算真正迈入了现代前端开发的大门。