VSCode 使用入门

安装

• 下载：点我去下载
• 安装：双击即可安装，根据需要选择即可。

配置

• Ctrl + Shift + P 或 F1 打开命令面板(也可以使用 查看->命令面板打开)；
• 输入 user set 后按回车打开用户配置；
• 使用 "editor.fontFamily":"Consolas, 'Courier New', monospace" 选择字体样式，默认为"Consolas, 'Courier New', monospace"；使用 editor.fontSize":14 控制字体大小，默认为14；使用 "editor.wrappingColumn":0使文本自动换行，默认为300；在左侧的默认配置中会有详细的中文描述，配置文件是json格式的文本文档。

插件

• Ctrl + Shift + P 或 F1 打开扩展面板，输入 install 后按回车打开扩展安装面板；或点击侧边栏的最后一个按钮；或使用ctrl + shift + x命令打开；或使用 查看->扩展打开扩展面板。
• 在对话框中输入[string ]@sort:installs可以根据下载量排序查看，选择所需插件，单击安装即可。
  • @sort:installs：根据下载量排序查看所有插件，asc 升序排列，desc 降序排列。
  • @sort:rating ：分级查看，asc 升序排列，desc 降序排列。
  • string可以为空
• 推荐插件：
  • C/C++：添加C/C++支持，包括但不限于自动补全
  • Python：自动缩进，补全，查错，debug，代码格式化等等
  • beautify：格式化html，css，js
  • vscode-icons：一款很火的图标主题
  • HTML Snippets：可以在不输入 < 的情况下提示
  • View In Browser：在浏览器中打开 HTML 文件
  • Crane - PHP Intellisense：PHP代码的自动补全插件
  • jQuery Code Snippets：一款jQuery重度患者的插件
  • Debugger for Chrome ：调试JavaScript
  • Git History：显示git log和line history

Git 的使用

• 需要本机已经安装 Git
• 无需安装插件，单机侧边栏的第三个图标即可进行 add、commit、push、pull。(或者使用ctrl+shift+g打开，或使用 查看->Git 打开Git)

主题更换

• 图标主题：Ctrl+shift +p 打开命令面板，输入 icon theme 后回车，选择一个即可。
• 颜色主题：Ctrl+shift +p 打开命令面板，输入 color theme 后回车，选择一个即可。

跳转

• 跳转到文件：Ctrl+P。
• 跳转到符号：Ctrl+shift+o，可以跳转到文件中的方括号、大括号等等。
• 跳转到行：Ctrl+G，可以跳转到指定行。

Debug

• 使用ctrl+d 打开debug面板。
• 可以根据需要配置launch.json

常用功能

• Emmet：使用 Tab 自动补全HTML标签
• Markdown Preview：使用 Ctrl + shift + v预览markdown文件
• 使用shift + alt + up/down可以向上/下复制选中内容或者当前行