Sublime Text开发工具Web前端之路

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.Java​Script​Next - ES6 Syntax

javascript ES6 语法高亮的支持。

16.SCSS 和 SASS

这两个插件主要是平时使用 scss 或者是 sass 这些预编译语言有用,支持语法高亮。

17.Type​Script Syntax

Type​Script语法高亮。

了解更多插件请访问官方:Packagec Control

上一篇下一篇

猜你喜欢

热点阅读