编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

sublime text3:前端开发插件总结(web前端插件)

wxchong 2024-10-11 18:57:36 开源技术 13 ℃ 0 评论

内容导读

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表