下载Visual Studio
官方网站：https://code.visualstudio.com
github地址 ：https://github.com/Microsoft/vscode
免费且基于开源。集成的Git，调试和扩展。代码编辑，重新定义。免费的， 建立在开源上，无处不在。
以上是微软的宣传标语，看的出来，口号确实用了点心：）实际使用也确实称得上‘前端开发利器’。
360截图20200224171945729.jpg
安装插件
- 按F1或Ctrl+Shift+p，输入extensions
- ctrl + P 然后输入 >ext install
- 点击左侧‘魔方’图标
实用插件
-
Settings Sync
最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。 -
Debugger for Chrome
从VS Code调试在Google Chrome中运行的JavaScript代码。用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。 -
beautify
格式化代码工具
美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。 -
Atuo Rename Tag
修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改 -
中文（简体）语言包
Chinese (Simplified) Language Pack for Visual Studio Code
将界面转换为中文，对英语不好的人，非常友好。例如我。。。 -
Code Spell Checker
代码拼写检查器一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误，同时保持误报数量较低。 -
vscode-icons
显示Visual Studio代码的图标，目前该插件已被vscode内部支持："文件" -> "首选项" -> "文件图标主题" -
guides
显示代码对齐辅助线，很好用 -
Rainbow Brackets
为圆括号，方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。 -
Bracket Pair Colorizer
用于着色匹配括号 -
Indent-Rainbow
用四种不同颜色交替着色文本前面的缩进 -
filesize
在状态栏中显示当前文件大小，点击后还可以看到详细创建、修改时间 -
Import Cost
对引入的计算大小 -
Path Intellisense
可自动填充文件名 -
WakaTime
从您的编程活动自动生成的度量标准，见解和时间跟踪。 -
GitLens
git日志查看插件GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索，历史记录和和查看代码作者身份，还能通过强大的比较命令获得有价值的见解等等 -
REST Client
REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。 -
Npm Intellisense
用于在 import 语句中自动填充 npm 模块require 时的包提示（最新版的vscode已经集成此功能） -
Azure Storage
VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器，文件共享，表和队列。按照本教程从VS Code部署Web应用程序到Azure存储。 -
Project Manager
它可以帮助您轻松访问项目，无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目，或选择自动检测VSCode项目，Git，Mercurial和SVN存储库或任何文件夹。 -
Language Support for Java(TM) by Red Hatredhat.java
这个插件，这个下载次数可观，安装就对了。 -
Todo Tree
此扩展可以快速搜索（使用ripgrep）您的工作区以获取TODO和FIXME等注释标记，并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。找到的TODO也可以在打开的文件中突出显示。
VS code主题推荐
-
Night Owl
一个非常适合夜晚工作的 VS Code 主题 -
Atom One Dark Theme
一个基于Atom的黑暗主题 -
Dracula Official
官方吸血鬼主题，博主用的就是这款，很漂亮 -
One Dark Pro
Atom标志性的One Dark主题，也是VS Code下载次数最多的主题之一！ -
Bimbo
简约而现代的神奇海洋主题
代码语言类辅助插件
HTML Snippets
完整的HTML代码提示，包括HTML5
HTML CSS Support
在 html 标签上写class 智能提示css样式
jQuery Code Snippets
jQuery代码提示超过130个用于JavaScript代码的jQuery代码片段。只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。
HTMLHint
html代码检测，支持html5
C＃
适用于.NET Core的轻量级开发工具。伟大的C＃编辑支持，包括语法突出显示，智能感知，转到定义，查找所有引用等。 调试支持.NET Core（CoreCLR）。
CodeMetrics
计算TypeScript / JavaScript文件的复杂性。
网友评论