lanbos'blog

sublime编辑器的使用(一)插件安装

Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus、Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是Coding和Writing最佳的选择,没有之一。

虽然近几年visual sudio code和atom编辑器的崛起分流了部分sublime的使用者,但是sublime急速打开速度,和流畅的操作体验还是前二者无法比拟的。

sublime插件安装

按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)粘贴以下代码到底部命令行并回车:

1
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 Text 3。如果在Perferences->package settings中看到package control这一项,则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

sublime插件推荐

1.emmet

快速生成HTML代码段的插件,强大到无与伦比:可以超快速编写HTML/CSS/JS。

可以说是前端工程师、美工必备的插件了,可以说没有emmet的sublime是不完备的。emmet极大的简化了html语法,在vscode和webstorm等ide中都默认集成了,关于emmet的语法有时间我会抽空另开一篇博客详细描述,这里只需要记住强大的tab键即可。

2.Autoprefixer

这是一款CSS3私有前缀自动补全插件;该插件使用CanIUse资料库(当然,SublimeText自然也有CanIUse这个插件咯),能精准判断哪些属性需要什么前缀,与CssComb插件一样,该插件也需要系统已安装Node.js环境;使用方法:在输入CSS3属性后(冒号前)按Tab键即可。

当前大部分私有前缀补全的工作都由代码部署工具来完成了,编辑器中的相关插件只是后备选择。

3.HTML-CSS-JS Prettify

一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。插件安装完成后,快捷键ctrl+shift+H完成当前文件的美化操作。详情请参照 sublime text 3 插件:HTML-CSS-JS Prettify

4.SFTP

顾名思义,方便编辑完成后直接ftp上传到服务器的插件。需要简单的配置一下,具体看:在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件

5.All autocomplete

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

6.git和GitGutter

方便在sublime中操作git,GitGutter能更好的帮助开发者查看文件之前的改动和差异

7.svn

工作中避免不了使用svn。。。

8.Auto filename

自动补全引用文件的路径。

9.SideBarEnhancements

SideBarEnhancements是一款很实用的右键菜单增强插件;在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键,只有寥寥几个简单的功能;安装了就相当于给其丰了大胸一般。

10.各种框架、类库、语言相关插件

sublime 的较为友好的插件机制让很多开发者都贡献了很多优质插件,只需要在comman+shift+p输入install package,然后在打开的窗口中搜索相关类库框架的名称就可以:如搜索jquery,可以找到jquery相关的插件。

插件安装问题

解决sublime package control 出现 There are no packages available for installation。

是因为http://packagecontrol.io/channel_v3.json 获取失败,这个文件是package的列表,找台能翻墙的电脑,把channel_v3.json文件复制下来。放在本地的服务器上,然后进入package control的settings中把里面的http://packagecontrol.io/channel_v3.json替换成http://127.0.0.1:8080/Documents/channel_v3.json

1
2
3
"channels": [
"http://127.0.0.1:8080/Documents/channel_v3.json"
]

保存退出,开启本地服务器,然后就能安装插件了。

引用:

如何优雅地使用Sublime Text