今天试着搭建了一个简单的Web开发环境，从零开始配置Node.js和VS Code。听起来容易，实际动手才发现小细节特别多。早上打开电脑，窗外传来隐约的施工声，我深吸一口气，打开终端，准备按步骤来。

首先是安装Node.js。我从官网下载了LTS版本，双击安装包，一路Next。装完后在终端输入node -v和npm -v，看到版本号跳出来，心里踏实了一半。接着是VS Code，这个更简单，官网下载，拖进Applications文件夹就完事。但真正的考验在后面——配置插件和项目初始化。

我先装了ESLint、Prettier和GitLens三个插件。ESLint帮我检查代码错误，Prettier自动格式化代码，GitLens让我清楚看到每行代码的提交记录。装完插件，我新建了一个文件夹叫test-project，在终端里cd进去，然后npm init -y快速生成package.json。这时候犯了个小错误：我直接开始装依赖包，结果忘了先配置.gitignore，导致后来node_modules差点被提交到Git仓库。好在我及时发现，赶紧创建.gitignore文件，写上node_modules/和.DS_Store，才避免了一场灾难。

常见错误提醒：很多人像我一样，急着装依赖包，忘了先设置.gitignore。记住，在npm install之前，先创建.gitignore文件，把node_modules/加进去。不然你的仓库会变得超级臃肿，Git操作也会变慢。

配置完环境，我写了一个简单的index.js，就一行代码：console.log("Hello, Setup!");。在终端输入node index.js，看到"Hello, Setup!"打印出来，我笑了。这种从零到一的过程，虽然步骤琐碎，但每一步都让人感觉在掌控什么。

朋友问我："为什么不直接用脚手架工具，比如Create React App？"我说："脚手架确实方便,但第一次还是要自己手动配置一遍,才能理解背后的逻辑。"他点点头，说："也对,基础打牢了,以后出问题才知道怎么查。"

今日小任务：打开你的终端，输入node -v和npm -v，确认你的Node.js版本。如果没装，就去nodejs.org下载LTS版本，装完后再检查一次。这是所有Web开发的第一步。

环境配置检查清单：

• [ ] 安装Node.js LTS版本
• [ ] 验证node -v和npm -v输出版本号
• [ ] 安装VS Code
• [ ] 安装ESLint、Prettier插件
• [ ] 新建项目文件夹
• [ ] 创建.gitignore文件，添加node_modules/
• [ ] 运行npm init -y生成package.json
• [ ] 写一个测试文件index.js，运行node index.js验证

#Web开发 #环境配置 #教程 #新手指南