VSCode 创建第一个项目只需三步:新建空文件夹(如my-first-app)、用VSCode打开该文件夹、新建index.js写console.log("Hello from VSCode!")并终端执行node index.js。注意安装Node.js和避免保存为index.js.txt。

打开 VSCode 后,你不需要先装一堆插件、也不用立刻配置复杂的构建任务——创建第一个项目,其实只需要三步:新建文件夹、用 VSCode 打开它、写一行代码并运行。
新建一个干净的项目文件夹
在电脑任意位置(比如桌面或文档)新建一个空文件夹,名字可以叫 my-first-app。别急着往里扔文件,也别从网上直接下载模板。空白起点最不容易出错,也最能帮你理解 VSCode 是怎么“认出”一个项目的。
用 VSCode 打开这个文件夹
启动 VSCode → 点击菜单栏 文件 > 打开文件夹 → 选中你刚建的 my-first-app。这时左侧资源管理器会显示空文件夹,底部状态栏可能显示“未配置调试环境”,不用管它——我们还没写代码呢。
写个简单脚本并运行它
按 Ctrl+N(Windows/Linux)或 Cmd+N(Mac)新建一个文件 → 保存为 index.js(注意扩展名)→ 输入以下内容:
接着做一件事:打开终端(Ctrl+` 或 查看 > 终端)→ 确保终端路径是当前文件夹 → 输入 node index.js 回车。看到那行文字,你的第一个 VSCode 项目就跑起来了。
小提醒:避免两个常见卡点
- 如果提示 command not found: node,说明没装 Node.js —— 去官网下载安装后重启 VSCode 即可
- 如果保存时 VSCode 自动加了 .txt 后缀(比如变成 index.js.txt),请在保存对话框里把“保存类型”改成“所有文件”,再手动输入 index.js
基本上就这些。不复杂,但容易忽略细节。跑通这一遍,你就有了继续学调试、Git 集成、Live Server 的真实基础。










