在今天的开发环境里，选对一款趁手的代码编辑器，基本就等于给工作效率开了挂。Visual Studio Code（简称VS Code）作为开源界的明星产品，几乎成了很多开发者的默认选择。

不过，对于刚接触它的新手来说，可能连“在VS Code里新建一个项目”这个最基础的启动动作，都会有点摸不着门路。别急，这篇文章就把整个流程掰开揉碎讲清楚。

先把VS Code装好

第一步自然是要确保电脑上已经安装了VS Code。去它的官方网站（https://code.visualstudio.com/）下载对应操作系统的安装包，然后一路默认选项安装就行。

如果你用的是Linux，也可以通过包管理器直接装，省事。

打开编辑器

安装完成后，双击桌面上的VS Code图标启动它。界面干净清爽，没什么花哨的欢迎页，直接进入主题。

新建项目

接下来就是核心步骤了。别看似乎很简单，但不同的人有不同的用法。下面给出最通用的操作路径。

1. 创建工作区文件夹

在VS Code左侧边栏，点击“文件资源管理器”图标（就是个文件夹的图标）。

然后在资源管理器面板的顶部，会有一个“新建文件夹”的小按钮。点击它，创建一个你想作为项目根目录的文件夹，比如叫“my_project”，或者按实际项目命名都行。

2. 打开项目文件夹

创建好文件夹后，右键点击它，选择“在Visual Studio Code中打开”。

这时VS Code就会把这个文件夹当成当前项目的工作区。左侧文件资源管理器里就会显示这个空文件夹的内容（目前是空的）。

3. 初始化项目（可选）

这一步并不是必须的，但如果你要在项目里用某个技术栈（比如Node.js、Python等），通常需要初始化一下。

举个例子：如果是Node.js项目，可以在VS Code自带的终端里（快捷键Ctrl+`打开），输入npm init -y，回车。这会快速生成一个基本的package.json文件，用来管理依赖和脚本。

如果是Python项目，可能要用python -m venv venv创建虚拟环境。具体看项目需求，但以上流程是通用的。

配置项目设置（可选）

项目创建好了，但想让VS Code更好用，还需要做点微小的工作。

1. 安装扩展

VS Code最强的就是扩展生态。按项目需要，安装对应的扩展。

• 比如写Python，就在左侧扩展栏（快捷键Ctrl+Shift+X）里搜“Python”，然后安装由微软官方提供的那个扩展。它会提供语法高亮、代码补全、调试支持等等。
• 写前端的话，ESLint、Prettier、Vue/React相关扩展都是标配。

装好扩展后，记得重启VS Code或者重载窗口，让扩展生效。

2. 创建文件和文件夹结构

现在可以根据项目类型来组织目录了。

• 比如一个Web项目，通常会有src目录放源码，public目录放静态资源，config目录放配置文件等等。

直接在工作区里右键，选择“新建文件”或“新建文件夹”就行。这一步没有标准答案，项目结构按团队约定或个人习惯来。

你看，在VS Code里新建一个项目其实就是这么几步：创建文件夹、打开文件夹、按需初始化、装点扩展、搭好目录骨架。整个过程不超过两分钟。

无论是个人的练手项目，还是和同事协作的团队项目，VS Code都能提供相当顺滑的支持。

好了，现在可以打开编辑器，动手建一个真正属于自己的项目了。

《夸克》非常好用的免费AI浏览器

下载APP查看