龙空技术网

sublime text3:前端开发插件总结

浮生偷闲 621

前言:

此刻兄弟们对“js格式化代码快捷键”大体比较重视,你们都需要学习一些“js格式化代码快捷键”的相关内容。那么小编也在网络上收集了一些关于“js格式化代码快捷键””的相关资讯,希望朋友们能喜欢,小伙伴们快快来了解一下吧!

内容导读

将之前的插件放在新的 sublime text3 无法使用,要用到高亮显示的语法就一个个去找,总结方便使用。1.CSS32.JavaScript Completions3.BracketHighlighter 高亮显示[], (), {}, “”, ”, 符号,便于查看起始和结束标记。4.JsFormat 按快捷键 Ctrl+Alt+F 即可格式化当前的 js 文件。5.emmet 通过一套简单的语法让你快速生成大量的HTML代码。8.Vue Syntax Hightlight9.Angular 2 Snippets (John Papa)10.Ionic Framework Extended Autocomplete 用于Ionic代码提示,自动完成Ionic指令、服务和元素。15.JavaScriptNext - ES6 Syntax16.SCSS 和 SASS 这两个插件主要是平时使用 scss 或者是 sass 这些预编译语言有用,支持语法高亮。

将之前的插件放在新的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

标签: #js格式化代码快捷键