sublime text3:前端开发插件总结
2018-04-19 本文已影响81人
Lucia_Huang
将之前的插件放在新的
sublime text3
无法使用,要用到高亮显示的语法就一个个去找,总结方便使用。目前运用到这些...
安装方法:Ctrl+Shift+P → Package Control: Install Package → CSS3(对应的插件名称)
查看安装情况:头部菜单中的View → Show Console
1.CSS3
CSS3语法高亮、CSS语法提示。
2.JavaScript Completions
支持javascript原生语法提示。
3.BracketHighlighter
高亮显示[], (), {}, “”, ”, 符号,便于查看起始和结束标记。
4.JsFormat
按快捷键 Ctrl+Alt+F 即可格式化当前的 js 文件。
5.emmet
通过一套简单的语法让你快速生成大量的HTML代码。比如输入:
div.row>ul>li
然后按TAB会生成:
<div class="row">
<ul>
<li></li>
</ul>
</div>
6.CSS Extended Completions
关联CSS文件,智能提示css文件中的类名。
7.HTML-CSS-JS Prettify
HTML、CSS、JS代码格式化,压缩过后的代码可以通过该工具复原。
8.Vue Syntax Hightlight
Vue.js代码高亮。
9.Angular 2 Snippets (John Papa)
AngularJS2代码完成,代码片段提示。
10.Ionic Framework Extended Autocomplete
用于Ionic代码提示,自动完成Ionic指令、服务和元素。
11.Ionic 2
用于Ionic2及以上版本的代码片段提示。
12.Babel
支持ES6、JSX语法高亮。
13.React Development Snippets
用于react代码提示。
14.jQuery
为jQuery的大部分方法提供了示例代码段,让jQuery的API更加容易使用。
15.JavaScriptNext - ES6 Syntax
javascript ES6 语法高亮的支持。
16.SCSS 和 SASS
这两个插件主要是平时使用 scss 或者是 sass 这些预编译语言有用,支持语法高亮。
17.TypeScript Syntax
TypeScript语法高亮。
了解更多插件请访问官方:Packagec Control