Sublime Text 3的经常使用插件的安装和介绍

Sublime Text 3的插件安装流程

一、安装Sublime Text 3

二、Package Control组件在线安装：

     按Ctrl+`或者点击View 下的show console调出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 Text 3

四、若是在Perferences下的package settings中看到package control，则安装成功。

五、利用Package Control安装插件

       按下Ctrl+Shift+P调出命令面板，输入install 调出 Install Package 选项并回车，而后在列表中选中要安装的插件

Sublime Text 3的几款经常使用的插件

一、ChineseLocalizations   汉化插件  ------  可进行语言切换

二、Emmet（原名 Zen Coding）  -------   可快速编写代码

例如：输入“!”或“html:5”，而后按Tab键，就会将html5基本标签显示出来，其余还有不少快捷方式，想了解的能够去查阅一下Emmet

三、BracketHighlighter   --------   相似于代码匹配，能够匹配括号，引号等符号内的范围

四、cssrem  ------- 自动将CSS的px值转rem值

 在wepapp开发时,使用rem进行移动端适配的时候，很是好用，省下不少计算的时间。

 五、Alignment  ------- 自动对齐代码，包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观，更具可读性

  默认快捷键为ctrl + alt + a,若是跟某IM截图的快捷键冲突，可在Preferences->Package Settings->Alignment->Key Bindings - User中自定义快捷键，写法参照Key Bindings - Default

六、Css Format  -----  css格式化

   很快捷的将css的格式进行切换，Expand（标准格式化），Compact（css一行行显示），Compressed（css压缩成一行）

七、DocBlockr  ------  观察函数须要的变量名和类型，并建立文档块，只要在函数的上面输入/**，按Tab就能够了

八、SublimeCodeIntel   ------- 一个全功能的 Sublime Text 代码自动完成引擎

支持的语言挺多的（JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.）

九、AutoFileName  -------   自动补全文件路径

十、Autoprefixer   -------  应用css的浏览器兼容书写，自动分析你的css文件，解析出新的css文件

十一、JavaScript Completions   -------  js最基本的api快查片断

十二、minify   -------  压缩和美化html,css,js文件

由于minify利用的是nodejs进行的，因此使用minify须要安装nodejs,同时须要全局安装以下：

npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo