sublime text 开发常用插件

时间:2021-09-23 02:12:26

一.emmet插件 (HTML/CSS代码快速编写插件)

安装步骤:打开Sublime菜单栏>首选项>Package Control>
输入>Package Control: Install Package
sublime text 开发常用插件
输入>emmet
sublime text 开发常用插件
安装完成后,按住ctrl+n新建文件,在右下角状态栏选择html文件,在编辑区输入:!,然后按Tab件生成html文件。

二.ColorPicker (调用你本机的调色板应用插件)

安装步骤:打开Sublime菜单栏>首选项>Package Control>
输入>Package Control: Install Package>ColorPicker
调用使用:ctrl+shift+c
sublime text 开发常用插件

三.Prefixr (CSS3 私有前缀自动补全插件)

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用

sublime text 开发常用插件

四.DocBlockr (自动生成注释插件插件)

DocBlockr这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释
sublime text 开发常用插件

五.AllAutocomplete (寻找匹配的提示词插件)

Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词
sublime text 开发常用插件

6.Alignment (代码对其插件)

这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您可以查看下面的图片来明白我说的意思。
sublime text 开发常用插件

七.JS Format (JS格式化插件)

一个JS代码格式化插件。选中代码块按快捷键:ctrl+alt+f

八.Alignment (自动化对其插件)

用于代码格式的自动对齐。最新版Sublime 已经集成。
sublime text 开发常用插件

九.jQuery (编辑js必备插件

如果你离不开jQuery的话,这个必备~~

十.Sublime CodeIntel (代码自动提示插件)

代码自动提示

十一.SublimeLinter (代码校验插)

注意:此插件需要手动安装并切换到 sublime-text-3 分支。
SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。

在使用 SublimeLinter 之前,你要安装相应的程序,详见README。如果要校验 JavaScript 或 CSS,你还要安装Node.js。
SublimeLinter 默认以 background 模式运行,在用户输入的同时即时校验,如果你想要 Sublime Text 运行得更流畅,可以改为 load-save 模式或 save-only 模式,在读取和保存是校验或只在保存时校验。
打开 SublimeLinter 的配置文件:菜单 Preferences -> Package Settings -> SublimeLinter -> Settings - User,加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

十二.AutoFileName (路径提示插件)

使用的是AutoFileName路径提示插件,sublme-text3下html只能引用同一文件夹下的文件,无法获取非本文件夹下的文件。