sublime3 常用插件

上一篇记录sublime 常用的快捷键,这里记录一些初次安装推荐的前端使用插件与安装插件包名称。

首次下载安装的sublime text3,基本什么都没有,想要达到适用还得一番捣鼓,各种插件的安装必不可少,刚下载时候Package Control是无法使用的哦,所以需要执行如下步骤:

使用Package Control组件安装

安装package control组件,按Ctrl+ ` ( 此符号为tab按键上面的按键) 调出console(注:避免热键冲突) 粘贴以下代码到命令行并回车:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

执行代码后会看到一个小灰短线来回晃动,表着急,等待就行。。。

安装完成后重启sublime ,可以在preferences下面看到 package control这个选项,点击或者快捷键 Ctrl+Shift+P 即可呼出,

使用 package control 安装需要插件或者主题

在呼出的栏目中寻找install package或者输出install 即可找到安装插件的组件,点击后会出现另外一个输入框,在里面输入你需要的插件名称即可查询到。

下面是插件推荐

1.Emmet(原名 Zen Coding)

一种快速编写html/css的方法

注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态

2. html5

支持hmtl5规范的插件包

注意:与Emmet插件配合使用,效果更好

使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档

3. jQuery

支持JQuery规范的插件包

4. javascript-API-Completions

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。

5. JSFormat

JS代码格式化插件。

使用方法:使用快捷键 ctrl+alt+f

6. SublimeLinter

一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

7. BracketHighlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

使用方法:系统默认为白色高亮,可以使用链接所述方法进行自定义配置

8. Alignment

代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

9. Ctags

函数跳转,我的电脑上是Alt+点击 函数名称,会跳转到相应的函数

10. Doc​Blockr

注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

11. SideBarEnhancements

侧栏右键功能增强,非常实用

12. Minify

个人编写文件右键直接可以美化或者压缩文件,还是很方便的

posted @ 2019-01-17 08:55  猝死边缘挣扎的狗子  阅读(378)  评论(0编辑  收藏  举报