序言
本教程由「小荣的网络开发日志」实操整理编写，实操踩坑验证，内容真实可靠。
遇到操作问题可直接联系作者，转载需标注原文出处，禁止私自篡改商用。
承接网站、APP、小程序、各类脚本定制开发；
AI 编程教学、一对一项目全程陪跑，提供免费技术咨询。
联系方式： 微信：rongyaolg 电话：18375295913
打开整个项目目录
写项目时，不建议只打开一个文件，而是打开整个项目文件夹。
操作：
- 点击“文件”
- 点击“打开文件夹”
- 选择项目目录
- 确认打开
新建文件
在左侧资源管理器中，可以新建文件和文件夹。
常见文件：
| 文件 | 用途 |
|---|---|
| index.html | 网页结构 |
| style.css | 样式 |
| main.js | 交互 |
| README.md | 项目说明 |
打开终端
点击顶部菜单：
终端 → 新建终端常用命令：
node -v
npm install
npm run dev
git status如果终端输出 http://localhost:3000 这类地址，复制到浏览器打开即可。