Visual Studio Code（VS Code）安装笔记

1、官网下载

根据自己的需求下载

官网地址： https://code.visualstudio.com/

VS Code官网上官方的使用指南和基本介绍链接

使用指南：https://code.visualstudio.com/docs

2、汉化插件安装

安装完需要重启 vs code 才能生效

3、其他可能需要的插件安装

官方插件的链接(可自行选择安装)：https://marketplace.visualstudio.com/vscode

以下为个人参考并汇总所得的一些好用插件：

CSS Peek：html中的css关联跳转。

Prettier - Code formatter：使用Prettier格式化JavaScript / TypeScript / CSS 。

Auto Rename Tag：改变标签的时候同时自动修改开闭合标签。

Auto Close Tag：自动匹配标签对应关闭标签。

HTML CSS Support：HTML必备之一，css对HTML的支持。

Code Runner：运行多种语言的代码片段或代码文件。

Git History：Git历史，搜索等（包括git log）。

Git History Diff：查看git历史记录，查看提交详细信息 查看已提交文件的差异。

Path Autocomplete：智能补全路径。

Path Intellisense：智能提示路径。

beautify：美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。
网友建议——react工程的jsx文件用beautify插件格式化会乱掉，建议不要用。

Prettier Now：支持语言比较全面的代码格式化插件，主要是支持jsx /tsx ，还有sass / less等（react工程主要用这个插件）。

Terminal：内置命令行插件，实现在编辑器中运行终端命令。

Bookmarks：相当于书签功能。

Bracket Pair Colorizer：使用颜色标识匹配的括号。

Chinese (Simplified) Language Pack for Visual Studio Code：汉化插件（前面提到过）。

filesize：实现在编辑器底部显示当前文件大小。

Markdown Preview Enhanced：本地Markdown文档预览插件（还是测试版）。

vscode-icons：一套vs code的图标。

npm：支持运行文件中定义的npm脚本。

open-in-browser：实现一键在浏览器中打开。

Live Server：为静态和动态页面启动具有实时重新加载功能的本地开发服务器。

fileheader：添加注释到文件头，并支持自动更新文件修改时间。

在自定义设置页面(CTRL+++,)，设置作者信息,然后打开命令面板(CTRL+shift+P),输入fileheader回车即可。

Local History：一个可视源代码插件，用于维护文件的本地历史记录，每次修改文件时，旧内容的副本都会保留在本地历史记录中。

GitLens – Git supercharged：通过Git责备注释和代码镜头一目了然地查看代码作者身份，无缝导航和探索 Git存储库，通过强大的比较命令获得有价值的见解等等。

Document This：自动为TypeScript和JavaScript文件生成详细的JSDoc注释。

Code Spell Checker：帮助捕获常见的拼写错误，同时保持误报数量较低。

TODO Highlight：延长一段时间来突出它们，提醒有些笔记或事情尚未完成。

HTML Boilerplate：提供所有web应用程序中使用的标准HTML样板代码。。

Color Info：提供快速信息css颜色。

ESLint：用于支持 JavaScript 实时语法校验。

Settings Syncs：同步 VS Code 的配置到个人 git 仓库。

Debugger for Chrome：在Chrome浏览器或支持Chrome Debugger协议的任何其他目标中调试JavaScript代码。

Guides：显示代码对齐辅助线。

Rainbow Brackets：为圆括号，方括号和波浪形支架提供彩虹色。这对Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。隔离的右括号将以红色突出显示。

Indent-Rainbow：为每个步骤上的四种不同颜色交替着色文本前面的缩进。

Import Cost：在编辑器中以导入包的大小显示内联。该扩展使用带有babili-webpack-plugin的webpack来检测导入的大小。

Project Manager：帮助轻松访问项目，无论它们位于何处。

Language Support for Java™ by Red Hatredhat.java：通过Eclipse™JDT语言服务器提供Java™语言支持 ，该服务器使用 Eclipse™JDT，M2Eclipse和Buildship。

Todo Tree ：快速搜索（使用ripgrep）工作区以获取TODO和FIXME等注释标记，并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。

注明：插件有很多，以上罗列的不一定全部要装，看个人需求和喜好，还有很多关于别的语言的插件，感兴趣的小伙伴可以自己搜索和安装，这里就罗列一些基础的哦。