古人云:工欲善其事,必先利其器,确实利用好一些工具能快速提高我们的开发效率。今天我们就来介绍一款极度简洁、轻便、优雅的ide——Sublime Text的插件,帮助你更好更快的完成自己的编码工作。
首先肯定是需要安装package control,怎么安装自己百度吧,顺便也学习怎么安装插件
1. emmet
必备 可以极大提高开发效率,如:输入!按tab键 快速生成一个HTML模板,前提是要保存一下文件的格式为html。
2.css extended completions
关联css文件,智能提示css文件里面的类名,写Bootstrap肯定爽。
3.css3
css语法提示,高亮
4. align tab
对齐我们的代码,快键键Ctrl+shift+h 也可以自己更改快键键
5.auto file name
引入文件没提示?这个插件帮你解决了。
6.brackethighlighter
点击一个花括号,他会告诉你另一个相匹配的花括号在哪 ,显示代码的层级提示你代码属于谁的。
7.colorhighlighter
css中写了一个颜色 他会显示此代码的真正颜色。
8.JavaScript Completions
支持javascript原生代码 getelementbyid没提示?安装它就不用担心了。
9.JsFormat
格式化js代码
10.javascriptNext-ES6 syntax
让sublime编写es6语法不会报错,支持es6语法。
11.jQuery
提示jQuery代码。
12.jsx
支持jsx格式的代码
13.less、sass
书写less语法
14.pretty json
支持json语法
15.nodejs
支持nodejs,首先下载nodejs,alt+r 即可编译我们的nodejs代码
16.javascript console
输入console.会有提示
17.Docblockr
主要编写注释的
18.babel
babel是一款为 ES6+ JavaScript设计的语法描述插件,支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.
19.angularjs
提示Angular代码
20.ConvertToUTF8
sublime text本身是不支持中文编码的,所以需要通过安装插件来解决,ConvertToUTF8插件可以实现。
21. vuejs等系列插件
vuejs开发相关插件
22. sublimelinter
eslint插件
23. SideBar增强插件
将侧边栏的功能加强
24. sublimeServer
提供本地服务器
25. markdown系列
editing preview、toc、table edit提供一些对markdown的编辑
26.主题adaptive
个人觉得很好看的主题