vscode如何使用:基础操作与配置
vscode如何使用,你先从官网下载对应操作系统的安装包完成安装,打开软件后优先安装语言包、代码运行对应扩展,通过左侧资源管理器打开项目文件夹,新建或导入代码文件,用快捷键完成编辑、保存、运行、调试,新手优先用它写前端、Python、Java等轻量代码,不适合直接用来编译大型底层内核项目,这类场景需要额外复杂编译链配置,新手极易出现编译失败。
vscode基础界面与文件操作
左侧五个核心图标分别是资源管理器、搜索、源代码管理、运行和调试、扩展,资源管理器用来查看本地文件,你点击打开文件夹,选中存放代码的本地目录,软件会加载目录下全部文件,不要单独打开零散代码文件,单独打开文件会丢失项目上下文,部分扩展功能失效。新建文件点击资源管理器右上角新建文件图标,输入文件名并带上后缀,比如index.html、test.py,后缀决定vscode启用对应的语法高亮。保存文件用快捷键Ctrl+S,自动保存可以在设置面板开启,搜索设置快捷键Ctrl+,,输入自动保存,选择afterDelay模式,延迟时间默认1000毫秒。
熟记基础快捷键。
vscode如何使用扩展插件
扩展面板快捷键Ctrl+Shift+X,进入插件市场,输入插件名称点击安装,安装完成后多数插件无需重启直接生效,部分语言插件需要重启软件。中文语言包插件名称是Chinese(Simplified)LanguagePack,安装后重启软件界面切换简体中文。写Python需要安装Python插件,写前端推荐ESLint、Prettier,Prettier用来统一代码格式化规则,选中代码后按Shift+Alt+F一键格式化代码。插件不要批量无差别安装,过多插件会拉高内存占用,启动速度明显变慢。
vscode代码运行与调试
单纯执行脚本代码可以安装CodeRunner插件,代码编辑完成后,右键点击页面空白区域选择运行代码,终端面板会在软件底部弹出,展示运行结果和报错信息。调试功能用于断点排查错误,点击代码行号左侧空白区域,出现红色圆点就是断点,切换到运行和调试面板,创建launch.json配置文件,选择对应语言环境,点击顶部运行按钮启动调试,调试时可以单步跳过、进入函数、查看变量实时数值。调试需要本地提前装好对应语言的解释器或编译器,只装插件无法直接运行代码。
| 操作方式 | 适用场景 | 前置条件 |
|---|---|---|
| CodeRunner一键运行 | 小段脚本、快速验证代码 | 本地已安装语言解释器 |
| 断点调试 | 排查逻辑错误、查看变量变化 | 配置launch.json调试文件 |
| 终端手动执行命令 | 项目打包、依赖安装 | 系统环境变量配置完成 |
内置终端快捷键Ctrl+`,可以直接在vscode内部调用系统终端,执行pip安装依赖、npm打包等命令,不用切换到系统自带命令行工具。终端可以新建多个面板,点击终端面板加号图标创建,多面板用来同时运行服务和执行命令。
vscode常用设置与个性化
打开设置面板Ctrl+,,你可以修改字体大小、主题、缩进空格数,缩进推荐设置为4个空格,符合大多数后端代码规范,前端项目可调整为2个空格。颜色主题在设置搜索颜色主题,也可以用快捷键Ctrl+KCtrl+T快速切换,主题仅改变外观,不会影响代码运行。自动换行功能搜索wordwrap,勾选开启,长代码行会自动折行,横向拖动滚动条的操作会减少。
代码自动补全依赖对应语言插件,部分语言需要手动指定解释器路径,Python环境在右下角点击选择解释器,选中本地python.exe文件路径。路径选错会出现插件识别不到环境、无法补全代码的情况。
版本控制功能在源代码管理面板,本地项目初始化git仓库后,vscode可以识别文件改动,可视化查看代码增删,提交、拉取、推送代码,简化git命令操作,使用前本地需要预先安装Git软件。
该软件的适用边界是,内存小于4G的电脑打开大型项目文件夹,会出现卡顿、页面延迟响应,这种情况建议改用轻量文本编辑器打开大文件,不建议继续使用vscode加载上万行的超大单文件。
