sublime text是基本上每一位前端开发工程师都会用到的ide,其以体积小,能按照自己要求集成插件,启动快,还能作为记事本来使用等优点收到大多数程序员的追捧。今天作者就总结了一下自己使用的自己觉得比较实用和优秀的插件来供大家参考。当然要使用这些插件需要先安装sublime text,安装插件请看作者的另外一篇文章sublime安装教程(注册码安装,亲测有效)完成了ide的安装,接下来就能安装插件了
1.Package Control
简介:用来管理插件的一款插件
功能:安装,删除,禁用,查找插件等;
安装方法:在作者的sublime安装教程(注册码安装,亲测有效)中有两种方法的介绍;在这里大概说一下
方法1:按ctrl+`,输入以下代码后回车
sublime text 3
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
方法2:在sublime的工具栏中依次找到tool-->command palette..(或者按ctrl+shift+p)输入pca点击回车,
使用:工具栏中的preference选项中,如果有package control和package settings使用;
2.Emmet
简介:编码快捷键
功能:输入制定代码按下快捷键能生成对应的代码
安装方法:就是一般的插件安装流程。在这里为大家讲解一遍,在下面的内容中将不再赘述;
按下ctrl+shift+p输入install(或者pi)点击回车,输入emmet,按下回车,等一会就安装成功了;
使用:例如在一个html文件中输入html:5按下tab就会自动出现html的架构
3.jsFormat
简介:格式化js
功能:按照一种比较清晰的方式来格式化js代码,让开发者能一目了然(当然代码要写的规范,不然会出现问题自己要改好久)
安装:一般插件的安装流程
使用:在代码的空白处右键选择jsformat或者ctrl+alt+f
4.sideBarEnhancements
简介:右侧文件栏增强插件
功能:右侧文件栏只有几个功能无法满足我们的需求,安装后就会出现复制粘贴等功能供我们使用
安装:一般插件安装流程
使用:下载完成后重启(如果没有效果,就找一个js文件按下ctrl+shift+space下载对应的类库)
5.HTML-CSS-JS Prettify
简介:对html/xml,css,js缩进,补全,排版和检验
功能:可以对html/xml进行自动排版操作
安装:一般插件的安装流程
使用:按下ctrl+shift+h来完成代码的自动排版
注意:需要安装nodejs来配合使用(请看作者的nodejs版本管理器nvm安装教程完成node的安装)
小技巧:在使用nvm安装node后使用该插件会出现不报错,提示在指定地址没有找到node,这是在sublime的工具栏中找到preference-->package settings-->HTML/CSS/JS Prettify-->set `node` Path,在打开的文件中修改windows字段的值为"C:/dev/nodejs/node.exe",
6.terminal
简介:命令行窗口cmd
功能:在sublime中可以打开命令行窗口,还能在当前目录下打开命令行窗口;
安装:一般插件的安装流程
使用:ctrl+shift+t打开命令行窗口,ctrl+shift+alt+t在当前文件下打开命令行窗口
7.sublimeCodeInte
简介:多种语言自动补全提示
功能:在开发中能够对多种语言做自动补全提示
安装:一般的插件安装流程
使用:依次找到preference-->Browse Packages,然后找到并打开sublimeCodeInte文件下的.SublimeCodeIntel.sublime-settings文件(将SublimeCodeIntel.sublime-settings文件拖到sublime中),添加代码
找到SublimeCodeIntel.sublime-settings对象下的javascript下的codeintel_selected_catalogs字段,把数组内的jquery修改为javascript,保存文件,重启sublime就能使用js代码提示功能了。
8.autoFileName
简介:自动补全地址
功能:在开发时选哟引入一些外链的js或者要写图片地址,在输入了文件名,会将该文件名下的目录全部列出来
安装:一般的插件安装流程
使用:如<img src="/image">就会出现对用的image文件夹下的所有文件目录
9.IMESupport
简介:中文输入跟随
功能:在输入中文是选词面板回跟随光标
安装:一般插件安装流程
使用:输入中文时,选词面板会随着鼠标的光标在其下面,方便书写和选词
注意:在win10中如果使用的是系统自带的输入法没有作用,需要使用搜狗输入法等
10.nodejs
简介:node代码提示
功能:自动补全提示nodejs的代码
安装:一般插件安装流程
使用:如输入fs按下ctrl+space就会出现fs所有有关的方法
11.lesss
简介:less高亮
功能:对.less的文件按照css的规则高亮显示,更加直观清晰
安装:一般插件安装流程
12.less2css
简介:less转化
功能:将书写的less转化为css
安装:一般的插件安装流程
使用:打开less文件就会生成对应的css文件(需要安装nodejs)
13.sublime server
简介:服务器方式启动
功能:以服务器方式启动页面
安装:一般吵架呢安装流程
使用:在sublime工具栏中一次找到tool-->sublime server-->start SublimeServer,在html文件中右键选择View in SublimeServer就能以本地服务器的方式打开页面
作者就收集了这些自己常用的也是觉得比较常用的插件,仅供大家参考,也请大家有什么好的插件能分享给作者,谢谢大家了;