VSCode用的比较爽的小插件(持续更新)
前言
Visual Studio Code 简称VsCode,是微软公司第一次向开发者们提供了一款真正的跨平台编辑器。功能非常强大,插件丰富,打开文件速度非常快,方便快捷。是一款我个人开发时比较喜欢用的IDE。
下面来说说我在前端开发时比较常用的插件
安装插件的方法是
Ctrl+Shift+X
,然后输入插件名,点安装即可。
- HTML Snippets
HTML标签补全,很齐全
- HTML CSS Support,HTML Class Suggestions
HTML,CSS自动补齐
- javascript(ES6)Code Snippets
包含ES6的自动补齐
- jQuery Code Snippets
jQuery自动补齐
- Auto Close Tag
自动闭合标签,加快开发效率
- Auto Rename Tag
自动同步修改标签
- Path Intellisense
输入./
时可以列出该路径下的所有文件,很方便
- Document This
最好用js和ts文件注释插件
- Live Server
可以直接开启一个本地服务,通过浏览器来实时动态预览html文件,很好用
- Live Server Preview
和Live Server差不多,只是这个插件可以在VsCode窗口下直接预览
- Sass,Less
支持Sass和Less的插件
- React-Native/React/Redux/Redux snippets for es6/7
React系列开发必备插件
- react-beautify
React格式化插件
- Vue2 Snippets
Vue语法补齐
- Vetur
Vue明星级别的插件,Vue开发必备
- VueHelper
Vue api语法提示,不过都是英文的
- Monkai Dark Sode
一款Sublime Text3的皮肤,个人比较喜欢
- Vscode-icons
文件图标,很好看
- Markdown Preview Enhanced
很强大的Markdown文件实时预览插件,还可以输出HTML文件,真心好用
- Python
学习Python用的
- Bracket Pair Colorizer
让()和{}拥有各自不同的颜色,有了这插件,开发时不用看到(){}都是一遍白的了,推荐!
20180618新增
- Prettier
代码一键格式化工具
20180912新增
- Bookmarks
书签管理插件
- Debugger for Chrome
在vscode中调式js
- Eslint
不多说
- Import Cost
可以看到引入模块的大小
- Quokka.js
随时运行js
- Git History
git-diff神器
- code-rhythm
快速代码块,可以自己添加
还没有评论,来说两句吧...