安装使用sublime Text 3 及其必备插件

1.为什么使用sublime text

一句话总结:神一样的编辑器,无比强大的编辑器,而且是免费的

更多特点:全平台完美支持、超级丰富的插件完成你任何想做的事情、超级强大的代码补全代码提示、无论你做IT的哪一行手头必备如此一款编辑器神器是肯定要的

2.下载安装

下载地址

3.安装Package Control

Package Control是sublime text的包管理工具,为了以后管理丰富的插件这个是必须要装的

这里强烈推荐按照如下官网的要求来操作!

如何安装Package Control

我是采用manual的方式来完成安装的,下载 pacakage文件 放到你sublime text安装目录下的/package目录下,然后重启st(以后sublime text用st来简称)即可

4.安装中文支持插件 ConvertToUTF8

使用ctrl+shift+p快捷键打开命令行控制板,或者通过 tool -> command palette打开

输入 install package

等一会会跳出一个类似的窗口再输入ConvertToUTF8即可,安装好后会出现如下界面

sublime text

5.其他插件以及一些使用技巧

安装方式和上面说的一样。对于任何插件的使用,强烈建议以官方文档为准

所有安装的插件的配置可以从Sublime Text -> Preferences -> Package Settings 查看

官方package使用查询

如果你嫌自己安装麻烦,可以直接下载我已经配置好的绿色版的sublime text 3 build 3083,以下提到的所有插件已经全部安装,启用了soda主题

    下载地址:http://7xj5kc.com1.z0.glb.clouddn.com/Sublime Text 3完美配置绿色版(来自小凯个人博客).rar

5.1 Bracket Highlighter

用于匹配括号,引号和html标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效

5.2 DocBlockr

用于生成注释。用法:
输入 / 然后按tab即可

官方说明文档

DocBlockr 代码自动注释生成

5.3 Emmet(Zen Coding)

快速生成HTML代码段的插件,强大到无与伦比。写html的时候各种括号匹配很是烦人,用这个生成十分高校快速

三言两语无法说明白,具体参考攻略:

Zen Coding: A Speedy Way To Write HTML/CSS Code

使用Emmet加速Web前端开发

Emmet 插件使用教程(转载)

5.4 SideBar Enhancements

这个插件改进了侧边栏,增加了许多功能。要使用必须针对工程,要不然是不会有效果的哦。

5.5 Themr

主题管理,切换主题的时候,不用自己修改配置文件了,用这个可以方便的切换主题,可以去pacakage官网搜索,然后git下来放在相应目录即可,ctrl+F5可以查看主题

5.6 SublimeLinter

代码检查工具,能够像IDE一样提示你错误,开发必备。

5.7 Alignment

代码对齐工具

使用参考资料:

Sublime Text 编辑器 插件 之“Sublime Alignment” 详解

相关教程:

官方文档

学习使用sublime插件sublimeLinter

借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码

5.8 Sublime​Code​Intel

代码智能补全工具,支持多种语言。加快开发效率必备,

官方文档

5.9 markdown build&markdown preview

用于在sublime text当中使用编辑markdown文件

markdown这款神器如果你还不了解请点击:markdown使用教程

6.sublime text 使用技巧以及快捷键

sublime text完整攻略:这个内容比较多,比较全,但是看起来累,需要查询相关快捷键用法什么的可以这里快速查询

st最常用的快捷键(gif动图演示)

7.sublime text 无法安装插件问题解决

当执行install pacakage之后出现如下错误

There are no packages available for installation

因为IP地址定位问题。找到你的hosts文件在里面添加如下内容即可:

hosts在C:\Windows\System32\drivers\etc

50.116.34.243 sublime.wbond.net