前言
使用 VScode 已经有四年时间,对于我这个编程菜鸟来说,还是很友好的一款代码编辑器。总结了一些比较实用的插件,在此仅供分享交流。
Visual Studio Code 是一个轻量级但功能强大的源代码编辑器,运行在您的桌面上,可用于Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持,并有一个丰富的扩展生态系统,可用于其他语言和运行系统(如C++、C#、Java、Python、PHP、Go、.NET)。
1 VSCode下载安装
(1) 下载;
官网下载:Visual Studio Code - Code Editing. Redefined
根据自己的需要,Windows、macOS 和 Linux 版本都可以直接在官网下载。
(2) Windows版本安装;
双击 .exe 软件包,同意使用协议 —> 选择安装路径 —> 默认安装选项,一路"Next"完成安装。
(3) Linux版本安装;
在软件包目录下,打开终端输入命令安装或者直接双击 .deb 安装包也可以安装。
sudo dpkg -i 软件版本.deb
(4) Mac版本安装;
先使用 mac 自带的"归档实用工具"进行压缩包解压,再将解压包中 .dmg 软件拖到应用程序即可。
2 VSCode插件设置
(1) Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
对于初学者来说,很实用的汉化工具。
使用方法:通过使用"Configure Display Language"命令显式设置 VS Code 显示语言,可以替代默认 UI 语言。按下"Ctrl+Shift+P"组合键以显示"命令面板",然后键入"display"以筛选并显示"Configure Display Language"命令。按"Enter",然后会按区域设置显示安装的语言列表,并突出显示当前语言设置。选择另一个"语言"(中文简体)以切换 UI 语言。
(2) Bookmarks
书签工具,可以在代码中做标记并支持快速跳转。
使用方法:安装插件 —> 代码界面鼠标右键 —> 选中"书签",支持标记和取消标记书签、含标签的书签、跳转上一个或下一个书签。
(3) C/C++
C/C++ 扩展为 Visual Studio Code 增加了对 C/C++ 的语言支持,包括编辑(IntelliSense)和调试功能。
C++ 是一种编译语言,意味着你的程序源代码必须经过翻译(编译)才能在你的计算机上运行。VS Code 首先是一个编辑器,并依靠命令行工具来完成大部分的开发工作流程。C/C++ 扩展不包括 C++ 编译器或调试器。你需要安装这些工具或使用已经安装在你电脑上的工具。
这里我主要使用 C/C++ 的代码提示和补全的功能。
使用方法:安装插件 —> 左下角"管理" —> "设置" —> 输入"Autocomplete"搜索 —> 将"C_Cpp: Autocomplete"下拉选择"Default"。
(4) GitLens — Git supercharged
GitLens 简单的帮助你更好地理解代码。快速查看谁,为什么以及何时更改了某一行或代码块。通过历史跳转,进一步了解代码的演变过程和原因。轻松地探索代码库的历史和演变。
使用方法:安装插件 —> 在代码界面右上角有快捷键"<-O",能查看当前代码更改和上一个 commit 的对比,有利于代码的 review;代码界面的左下角有一个"树形"的快捷图标:查看所有远端分支的提交(commit)和演变历史。
(5) One Dark Pro
Atom 为 Visual Studio Code 设计的标志性的 One Dark 主题。
使用方法:安装插件 —> 左下角"管理" —> "颜色主题" —> "One Dark Pro"。
(6) Rainbow Brackets
彩虹色括号,方便区分括号的有效范围。
为圆括号、方括号和花括号提供彩虹色。这对 Lisp 或 Clojure 程序员特别有用,当然也包括 JavaScript,和其他程序员。孤立的右括号将以红色突出显示。
(7) Trailing Spaces
突出显示尾随空格,并在高亮中删除它们,主要用于美化和规范代码格式。
该插件可以设置快捷命令,一键删除当前文件的所有尾随多余空格,具体设置可以在插件介绍页面查看。
(8) vscode-icons
用于更改文件图标,在右边的资源管理器,以文件夹的形式展示代码的架构。
使用方法:安装插件 —> 左下角"管理" —> "文件图标主题" —> "VSCode Icons"。
总结
以上就是对 VScode 中一些实用插件的介绍和简单设置。