Sublime Text 3 的插件

一、Package Control 安装

打开Sublime Text 3 --> 点击菜单 View --> Show Console，会在底部出现一个命令输入框，然后将下面的命令拷贝到输入框中，回车。

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)

二、插件安装

    通过快捷键  Ctrl+Shift+P  打开  Package Control  来安装插件。在打开的输入框中输入 install ，选择 Package Control：Install Package

1、BracketHighlighter　 用于匹配括号，引号和html标签。
2、CSS3                CSS3语法高亮、CSS语法提示
3、Aligntab       使用正则表达式来帮助代码对齐
4、DocBlockr　     DocBlockr可以自动生成PHPDoc风格的注释。
5、Emmet(Zen Coding)　　 快速生成HTML代码段的插件
7、SideBar Enhancements          这个插件改进了侧边栏，增加了许多功能
8、ConvertToUTF8　　支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件
9、SublimeLinter     代码检查插件，可以高亮linter认为有错误的代码行
10、SublimeCodeIntel     代码自动提示 
11、CSSComb        用来给CSS属性进行排序的格式化    Csscomb的快捷键是 shift + ctrl + c
12、Colorpicker        使用一个取色器改变颜色    使用方法: ctrl + shift + c
13、auto-save       功能：自动保存文件   默认是不会自动保存，按快捷键 Ctrl + Shift + S 开启。
14、autoprefixer       功能：CSS添加私有前缀,在数组内添加{ "keys": ["ctrl+shift+enter"],"command": "autoprefixer" }快捷键：ctrl + shift + enter
15、CSS ExtendedCompletions    功能：关联CSS文件，智能提示css文件中的类名，非常好用 
16、 jQuery                          功能：jQ函数提示 
17、AutoFileName           功能：快捷输入文件名
18、HTML-CSS-JSPrettify     简介: 编辑HTML, CSS, JS时，经常会出现缩进不对,只要按下 Ctrl +  Shift + h (Windows)
19、JavaScript Completions    功能：支持javascript原生语法提示--- 功能：快捷输入文件名
20、JSFormat        JS代码格式化插件，使用快捷键ctrl+alt+f

21、Ctags        函数跳转，Alt+点击 函数名称，会跳转到相应的函数

22、HTML5     支持HTML5标签

三、主题设置、字体设置

    通过快捷键  Ctrl+Shift+P  打开  Package Control  来安装插件。在打开的输入框中输入 install ，选择 Package Control：Install Package，输入Boxy theme

1. 菜单 --> preference
2. Settings 
3. "font_face": "Microsoft Yahei UI"

四、安装 Sass 和 Less

        1、安装 Sass 

               下载ruby      https://rubyinstaller.org/downloads/        

               安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。

               打开cmd面板，输入 ruby -v可以看到ruby的版本号说明安装成功。       

               打开cmd面板，要安装Sass和Compass，(如mac安装遇到权限问题需加 sudo gem install sass)

               在cmd中输入 gem install sass  来安装sass，

               在cmd中输入 gem install  compass来安装compass

               安装完成之后，应该通过运行下面的命令sass -v来确认应用已经正确。

    安装 Sublime Text 3 sass插件和sass build插件

             按住ctrl+shift+p，并输入install，选择第一个Install Package

             在命令栏中输入"Sass"然后回车，然后在弹出的列表中选择Sass插件

             在命令栏中输入"SassBuild"然后回车，然后在弹出的列表中选择SassBuild插件

      2、安装 Less

               下载node   https://nodejs.org/en/

                安装淘宝镜像        npm install -g cnpm --registry=https://registry.npm.taobao.org

                安装less     cnpm install -g less

                安装less-plugin-clean-css插件         cnpm install less-plugin-clean-css

      安装 Sublime Text 3 Less插件和LESS2CSS插件

                按住ctrl+shift+p，并输入install，选择第一个Install Package

                在命令栏中输入"Less"然后回车，然后在弹出的列表中选择Less插件

                在命令栏中输入"LESS2CSS"然后回车，然后在弹出的列表中选择LESS2CSS插件

五、查看已安装的插件

    通过快捷键  Ctrl+Shift+P  打开  Package Control 输入PC:L 回车（Package Control：List Packages）

六、破解

    选项 help -> license （输入注册码，全部粘贴）

—– BEGIN LICENSE —– 
TwitterInc 
200 User License 
EA7E-890007 
1D77F72E 390CDD93 4DCBA022 FAF60790 
61AA12C0 A37081C5 D0316412 4584D136 
94D7F7D4 95BC8C1C 527DA828 560BB037 
D1EDDD8C AE7B379F 50C9D69D B35179EF 
2FE898C4 8E4277A8 555CE714 E1FB0E43 
D5D52613 C3D12E98 BC49967F 7652EED2 
9D2D2E61 67610860 6D338B72 5CF95C69 
E36B85CC 84991F19 7575D828 470A92AB 
—— END LICENSE ——

·