01-vscode主题及插件
一、主题
1、Atom One Light Theme
文章图片
image.png 2、Dracula Official
Dracula Official 是受到很高评价的一款主题，配色方案可以让人感到平静，暗淡的紫色会让你觉得它有一种特殊的魅力。插件带有文件图标设计。界面效果如下：
文章图片
image
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
【01-vscode主题及插件】快速新建vue页面
推荐阅读
- JS中的各种宽高度定义及其应用
- 参保人员因患病来不及到指定的医疗机构就医，能否报销医疗费用（）
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- 全过程工程咨询——时间管理（12）
- 【Hadoop踩雷】Mac下安装Hadoop3以及Java版本问题
- 经历了人生，才知道人生的艰难！及精彩！
- 罗塞塔石碑的意义（古埃及文字的起源，圣书体文字是如何被破解的）
- 以太坊中的计量单位及相互转换
- Spark|Spark 数据倾斜及其解决方案
- 2月读书感想及《战争风云》读后记