sublime text3插件安装

sublime text3安装插件之前需要做到以下步骤：

1.注册码

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

2.工具setting

工具栏 Preferences – Settings-User 加入下面的代码：

{
　　"trim_trailing_white_space_on_save": true,//自动移除行尾多余空格
　　"ensure_newline_at_eof_on_save": true,//文件末尾自动保留一个空行
　　"font_face": "Microsoft YaHei Mono",//Microsoft YaHei Mono 是一款混合字体，专为代码优化
　　"translate_tabs_to_spaces": true,//代码 tab 对齐转换为空格对齐，tab_size 配合设置空格数
　　"tab_size": 2,
　　"draw_minimap_border": true,　　//用于右侧代码预览时给所在区域加上边框，方便识别。
　　"save_on_focus_lost": true,　　//窗口失焦立即保存文件
　　"highlight_line": true,　　//当前行高亮
　　"word_wrap": "true",　　//设置自动换行
　　"fade_fold_buttons": false,//默认显示行号右侧的代码段闭合展开三角号
　　"bold_folder_labels": true,//侧边栏文件夹显示加粗，区别于文件。
　　"highlight_modified_tabs": true,//高亮未保存文件
　　"default_line_ending": "unix", //使用 unix 风格的换行符
　　"auto_find_in_selection": true  //开启选中范围内搜索（而不是整个文档
}

　　

3.安装node

可以上node官网下载，或者到淘宝node镜像下载

下载Node.js编译好的msi文件。然后双击即可在程序的引导下完成安装。

然后在cmd窗口输入以下代码

node -v

显示如下

v4.4.2

就代表node已经安装完成

 

完成以上操作之后，就可以开始进行插件的安装了

1.package controller的安装

使用Ctrl+`快捷键或者通过View->Show 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())

如果顺利的话，此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。

在Sublime Text 3中按下快捷键Ctrl+Shift+P

在出现的文本框中输入Install Package(或直接输入“ip”)选中Install Package并回车

（可能需要等待几秒钟，在此过程中不能进行任何鼠标/键盘操作）

2.FileHeader插件，文件模板 , 可自动更新修改时间

3.SublimeCodeIntel支持跳转到变量、函数定义的功能，另外还有自动补全的功能

4.Aligment插件让开发者自动对齐代码

5.DocBlockr生成注释插件代码

在settings-user中插入以下代码

{
    "jsdocs_extra_tags":[
    	"@Author {{yaoyao}}",
    	"@DateTime {{datetime}}"
    ]
}

6.AutoPrefixer浏览器前缀支持

7.CSSLint

检测你的网站CSS样式表有无任何潜在问题

对应的网站http://csslint.net/

8.JSLint

用来分析我们的JavaScript代码，把潜在的Bug和不良代码全部找出

对应的网站http://www.jslint.com/

9.CSSComb

css属性排序

CSSComb排序顺序可以参考下面这个链接

https://github.com/csscomb/csscomb-for-sublime/blob/master/CSScomb.sublime-settings

10.HTML-CSS-JS Prettify

格式化html、css、js的插件

11.SublimeLinter

高亮提示用户编写的代码中存在的不规范和错误的写法

 

 

参考链接：

https://packagecontrol.io/installation#st3

http://www.zhihu.com/question/19976788/answer/48037047

http://www.sheyilin.cn/2015/05/sublime_text_3_tiao_jiao_ni_de_si_ren_li_qi_1/

http://www.sheyilin.cn/2015/05/sublime_text_3_tiao_jiao_ni_de_si_ren_li_qi_2/

http://www.liaoxuefeng.com/article/0014000752598322598e226abeb4b1dafaf6fba462f3da4000