vscode更换主题的插件_01-vscode主题及插件

一、主题

1、Atom One Light Theme

image.png

2、Dracula Official

Dracula Official 是受到很高评价的一款主题，配色方案可以让人感到平静，暗淡的紫色会让你觉得它有一种特殊的魅力。插件带有文件图标设计。界面效果如下：

3、Brackets Light Pro

本人目前用的

image.png

二、通用插件

1、HTML Snippets

超级实用且初级的 H5代码片段以及提示

image.png

2、HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

新版已经支持scss文件检索

image.png

3、vscode-icon

让 vscode 资源树目录加上图标，必备良品！

image.png

4、Path Intellisense

自动路劲补全，默认不带这个功能的，赶紧装

image

5、Npm Intellisense

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

image

6、Document this

js 的注释模板 (注意：新版的vscode已经原生支持,在function上输入/** tab)

image

7、Project Manager

在多个项目之前快速切换的工具

8、beautify

格式化代码的工具

9、fileheader

顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间

image

10、filesize

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

image.png

11、Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分。可以配合任意主题使用。

image.png

12、cssrem

将css中的px自动转换为rem.再也不用计算器了(大漠大神推介)

13、Sublime Text Keymap

启动sublimeText的快捷键配置。vscode上面自有一套快捷键设定，个人习惯sublime快捷键

14、Import Cost

引入包大小计算,对于项目打包后体积掌握很有帮助

image.png

15、markdownlint

书写md文件的预览插件

16、language-stylus

CSS预处理器styl后缀文件的识别扩展

17、View In Browser

迅速通过浏览器打开html文件

三、框架和库的插件

1、jQuery Code Snippets

jquery 重度患者必须品，废话不多说，上图

image.png

2、Bootstrap 3 Sinnpet

常用 bootstrap 的可以下

3、vetur

语法高亮、智能感知、Emmet等

image.png

4、VueHelper

snippet代码片段

image

5、Vue 2 Snippets

快速新建vue页面

vscode更换主题的插件_01-vscode主题及插件相关推荐

vscode更换主题的插件_VScode 插件开发（三）主题
咱们上回书说道,安装完基础环境,我们要来玩自己的主题了 1. 创建一个主题项目 $ yo code 选中 New Color Theme 接下来照图中所选,完成项目创建(简单英语不做解释) 打开项目如 ...
vscode更换主题的插件_vscode插件开发：定制 vscode 主题插件扩展
vscode 自带的几款主题都很漂亮,也支持通过用户配置修改一些常用的配色,但是如果想对很多部分的配色进行修改则没那么容易.我们可以通过基于已有主题定制自己的 vscode 主题扩展来实现该目的. v ...
vscode java settings设置_兼容vscode插件的主题服务
背景介绍今年有幸参与了 IDE 共建项目组,负责主题服务的设计实现.说到主题服务,我们可能立马会想到 VSCODE 丰富的主题生态.VSCODE 有着庞大的插件市场,主题插件是其中非常重要的一部分. ...
vscode 更换文件图标主题
vscode提供了各类文件图标icon主题,可供用户偏好选择 --状态栏 :文件=> 首选项 => 文件图标主题(或者点击左下角设置符号弹出来选项框) --或者左下角:设置=> ...
如何让vs2019的主题变好看（NightOwl主题为例）？？？像vscode和webstorm一样自定义主题！！！
用C#编程毋庸置疑除了vscode就是visual studio最好用了,但是经典的vs主题就四个,我总结为"黑白灰"还有个特别丑的"高对比模式". 用过vsc ...
clion下载vscode主题，自定义优美的主题
这是默认的主题,惨不忍睹已有的选项还是不喜欢,如果自己一个个设置太耗时间,也尝试设置了以下,设置出来还是巨丑. 找到了已有的主题方案:[IDEA主题样式],可以从这里面找到自己习惯的主题.后导入到c ...
vscode开发中绝对让你惊艳的插件！！！(个人在用) 持续更新。。。。
识别模版引擎 1.Apache Velocity :识别Velocity(vm) 2.Art Template Helper:识别artTemplate 点击路径跳转 1.Laravel goto v ...
vscode 热门插件超实用插件汇总——vscode使用必看
vscode 热门插件超实用插件汇总--vscode使用必看 VsCode官方插件地址: 汉化vscode 扩展使用 vscode 插件推荐!!! 配置类插件 VS code 主题集合(本人喜欢的) ...
ubuntu22.04 安装优化（主题，软件，换源，插件扩展）
一.安装 1.对于使用VM安装,这里就不再多说了 2.对于用系统安装,可以在网上招一部分资料二.主题优化 2.1.安装主题和对应主题提供的生态圈(比如图标字体等等) 1.这是ubuntu的官方主题网 ...
ubuntuv20启动界面美化_KWGT插件，手机主题美化教程，附最全插件合集！
每天打开手机,看着千篇一律的桌面主题和应用,你是否也会感到审美疲劳? 那么如果有这么一款手机主题插件,它能够帮你实现如下图中这样子的手机主题效果,每天是否能够给你带来不一样的心情和体验呢? 主题美化安 ...

vscode更换主题的插件_01-vscode主题及插件

vscode更换主题的插件_01-vscode主题及插件相关推荐

最新文章

热门文章