转自：https://www.cnblogs.com/clwydjgs/p/10078065.html

正文

一.日常安利　VS code

　　VS vode特点：

开源，免费；
自定义配置
集成git
智能提示强大
支持各种文件格式（html/jade/css/less/sass/xml）
调试功能强大
各种方便的快捷键
强大的插件扩展

　　对前端这么友好，没理由不用。

Visual Studio Code（VScode ）官网　：https://code.visualstudio.com/

Visual Studio Code（VScode ）github地址：https://github.com/Microsoft/vscode

二.怎么安装插件？

方法一：

按F1或Ctrl+Shift+p，输入extensions，点击第一个就可以

方法二：

ctrl + P 然后输入 >ext install

方法三：

点击图中位置

三.插件合集

插件官网：https://marketplace.visualstudio.com/

　　每一个插件名都超链接到官网，注意查看

a.配置类插件：

1.Settings Sync

最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，

使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。

2.Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

3.beautify

格式化代码工具

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

4.Atuo Rename Tag

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改

5.中文（简体）语言包

Chinese (Simplified) Language Pack for Visual Studio Code

将界面转换为中文，对英语不好的人，非常友好。例如我。。。

6.Code Spell Checker

代码拼写检查器

一个与camelCase代码配合良好的基本拼写检查程序。

此拼写检查程序的目标是帮助捕获常见的拼写错误，同时保持误报数量较低。

7.vscode-icons

显示Visual Studio代码的图标，目前该插件已被vscode内部支持："文件" -> "首选项" -> "文件图标主题"

8.guides

显示代码对齐辅助线，很好用

9.Rainbow Brackets

为圆括号，方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。

效果如下：

10.Bracket Pair Colorizer

用于着色匹配括号

11.Indent-Rainbow

用四种不同颜色交替着色文本前面的缩进

12.filesize

在状态栏中显示当前文件大小，点击后还可以看到详细创建、修改时间

13.Import Cost

对引入的计算大小

14.Path Intellisense

可自动填充文件名。

15.WakaTime

从您的编程活动自动生成的度量标准，见解和时间跟踪。

16.GitLens

git日志查看插件

GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索，历史记录和和查看代码作者身份，还能通过强大的比较命令获得有价值的见解等等

17..REST Client

REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。

18.Npm Intellisense

用于在 import 语句中自动填充 npm 模块

require 时的包提示（最新版的vscode已经集成此功能）

19.Azure Storage

VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器，文件共享，表和队列。按照本教程从VS Code部署Web应用程序到Azure存储。

20.Project Manager

它可以帮助您轻松访问项目，无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目，或选择自动检测VSCode项目，Git，Mercurial和SVN存储库或任何文件夹。

从版本8开始，您就有了专门的项目活动栏！

以下是Project Manager提供的一些功能：

将任何项目保存为收藏夹
自动检测VSCode，GIT中，水银或SVN存放区
在相同或新窗口中打开项目
识别已删除/重命名的项目
一个状态栏标识当前项目
专门的活动栏

21.Language Support for Java(TM) by Red Hatredhat.java

这个插件，这个下载次数，安装就对了。

22.Todo Tree

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

找到的TODO也可以在打开的文件中突出显示。

b.VS code 主题集合

1.Night Owl

一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。

2.Atom One Dark Theme

一个基于Atom的黑暗主题

3.Dracula Official

官方吸血鬼主题，博主用的就是这款，很漂亮

4.One Dark Pro

Atom标志性的One Dark主题，也是VS Code下载次数最多的主题之一！

5.Bimbo

简约而现代的神奇海洋主题

c.代码提示提示类

1.HTML Snippets

完整的HTML代码提示，包括HTML5

2.HTML CSS Support

在 html 标签上写class 智能提示css样式

3.jQuery Code Snippets

jQuery代码提示

超过130个用于JavaScript代码的jQuery代码片段。

只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。

4.HTMLHint

html代码检测，支持html5

vsCode常用插件相关推荐

VsCode常用插件和快捷键
VsCode常用插件和快捷键 vscode快捷键 alt+w:快速打印变量(需要插件Wrap Console Log) alt+q:加书签 alt+d:加`<div>`标签(htmltag ...
【Vscode】 Vscode常用插件
Vscode常用插件
VScode常用插件下载
VScode常用插件下载记录自己第一次使用VScode,边学习边记录,以后继续努力! Visual Studio Code的插件系统很好用,虽然vscode自带的功能比较少,但很多插件可以帮我们实现 ...
VSCode常用插件-快捷键
VSCode常用插件-快捷键 1. 快速复制一行快捷键: shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v 2. 选定多个相同的单词快捷键: ct ...
【VSCode常用插件】Path Autocomplete（@路径提示的插件）
前言 ❤️ 在路上,见识世界:在途中,认清自己 ❤️ [VSCode常用插件]Path Autocomplete(@路径提示的插件) 一.安装教程二.设置教程 (1)在vscode设置打开 sett ...
14个vscode常用插件 php
14个vscode常用插件 1.auto rename tag, html自动更新配对标签名称: 2.highlight matching tag,自动高亮显示结束括号/标签: 3.bracket p ...
vscode常用插件大全
vscode常用插件大全参考文章 https://mp.weixin.qq.com/s/1PkWPApvn5uWJl_cdzcoTA 说明该片文章基本介绍了 vscode 常用插件 , 已经很全面 ...
前端VSCode常用插件安装和使用
本篇文章先介绍下常见的插件~~~~ VSCode常用的插件 vscode之所以被称为宇宙第一神器,其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷. 注意,新手学习期间,不建议安装 ...
【编辑器】VScode 常用插件推荐
1. vscode 简介 vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器. 当前市面上常用的轻型代码编辑器主要是:sublime ...
千锋重庆web前端技术分享之前端VSCode常用插件
一.VSCode常用的插件vscode之所以被称为宇宙第一神器,其中丰富的插件功不可没,安装起来超级简单,给我们开发带来了极大的便捷. 注意,新手学习期间,不建议安装形形色色的插件,用到啥就安装啥.因 ...

vsCode常用插件

转自：https://www.cnblogs.com/clwydjgs/p/10078065.html

正文

一.日常安利　VS code

二.怎么安装插件？

三.插件合集

a.配置类插件：

b.VS code 主题集合

c.代码提示提示类

vsCode常用插件相关推荐

最新文章

热门文章

vsCode常用插件

转自：https://www.cnblogs.com/clwydjgs/p/10078065.html

正文

一.日常安利 VS code

二.怎么安装插件？

三.插件合集

a.配置类插件：

b.VS code 主题集合

c.代码提示提示类

vsCode常用插件相关推荐

最新文章

热门文章

一.日常安利　VS code