欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Visual Studio Code 使用教程

程序员文章站 2022-03-22 15:57:27
...

下载使用Visual Studio Code


官方地址:https://code.visualstudio.com/Download

如果需要使用中文,安装完成后,在拓展里搜 Chinese,点击Install,重启生效。

 Visual Studio Code 使用教程

 

Visual Studio Code 调试


首先为项目配置调试参数,在“Debug”标签下打开“Add Configuration”选项。

Visual Studio Code 使用教程

 

 弹出如图界面,需要在launch.json配置对应内容。

Visual Studio Code 使用教程

 

 修改launch.json,主要是修改program的值,指向服务端入口。以调试Node.js项目为例:

 {
     // 使用 IntelliSense 了解相关属性。 
     // 悬停以查看现有属性的描述。
     // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
         {
             "type": "node",
             "request": "launch",
             "name": "Node.js",
             "program": "${workspaceFolder}\\server\\index.js"
         }
     ]
 }

 

如果需要修改调试配置可以在“Debug”的调试下拉菜单中打开launch.json。

此外,点击如图按钮可以打开“Debug Console”:

Visual Studio Code 使用教程

 

 

调整字体大小


快捷键Ctrl+Shift+P打开命令窗口,输入font:

 Visual Studio Code 使用教程

  

其他常用快捷键


  • Ctrl+Shift+P,F1 展示全局命令面板
  • Ctrl+P 快速打开最近打开的文件
  • Alt + up/down 移动行上下
  • Shift + Alt up/down 在当前行上下复制当前行
  • Ctrl + Shift + K 删除行
  • Ctrl + Enter 在当前行下插入新的一行
  • Ctrl + Shift + Enter 在当前行上插入新的一行
  • Ctrl + / 添加关闭行注释
  • Shift + Alt + F 格式化代码

 

相关标签: 编程工具