DailyChallenge_WebDepartment/Day_0/README.md

Day_0 · 配置开发环境（VS Code + Node.js + 终端 + 浏览器）

预计耗时：20~30 分钟 前端一切从工具开始。今天装好编辑器 VS Code 和运行环境 Node.js，学会用终端，认识浏览器开发者工具。

今日知识点

• VS Code：写代码的编辑器，装几个常用插件
• Node.js：让你能在电脑上运行 JavaScript（第二周会用 node 命令跑脚本）
• 终端（命令行）：执行命令的地方，Windows 上是 PowerShell / CMD
• 浏览器开发者工具：按 F12 打开，前端调试全靠它

先学（教程）

• VS Code 官方文档·入门：https://code.visualstudio.com/docs
• MDN·浏览器开发者工具入门：https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools
• B站视频（黑马程序员，看讲"软件下载、VSCode 使用"的几集，选看）：https://www.bilibili.com/video/BV14J4114768/

任务（后做）

1. 下载安装 VS Code：https://code.visualstudio.com/ ，一路下一步
2. 在 VS Code 扩展商店（左侧方块图标）搜索并安装四个插件：
   • Live Server（预览网页用，安装好之后可以通过在文件页点击鼠标右键选择“open with live server”的方式在浏览器实时观看你所写的静态网页）
   • Chinese (Simplified)（中文界面，可选）
   • Prettier（自动格式化代码）
   • HTML CSS Support
3. 下载安装 Node.js：https://nodejs.org/ （选 LTS 版本，一路下一步）， 装好后打开终端运行 node --version，能看到版本号即成功
4. 打开终端（Windows 按 Win + R 输入 cmd 回车），运行 ver 或 dir，看看能输出什么
5. 随便打开一个网页，按 F12，认识"元素"和"控制台"两个面板

小贴士：终端里输入命令后回车才会执行；VS Code 底部也能打开内置终端。

完成标准

• VS Code 安装成功，四个插件装好
• node --version 能输出版本号
• 终端能运行命令
• 能按 F12 打开开发者工具

提交方式：把 VS Code 打开（含插件栏）+ 开发者工具的截图贴在当日工单评论里。