sublimeText3的安装及插件的配置使用

sublimeText3的安装及插件的配置使用

这里主要记录一些关于sublime text的配置，并且参照了别人的博客归纳的。

一、下载sublime text http://www.sublimetext.com/3

二、安装Package Control插件管理，顾名思义，插件管理，你想给sublime text安装插件，必须通过它来给你安装
官网地址 https://packagecontrol.io/installation
你可以根据官网提示来做根据提示选择view -> show Console ,
然后出现一个输入框，把下图红框的内容复制，粘贴到文本文本框中，按回车，这需要等待哈。。

安装成功后，在preferences菜单下能看到Package Settings 和 Package Control 这两个菜单

import urllib.request,os,hashlib; 
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 
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)

为什么不直接把内容复制到这呢，因为里面的H值总是变，所以如果你安装报错了，可能是你复制的这段语句跟目前官网的不符，尽管之前你用这段话安装成功过。所以直接复制官网的最好

三、安装各种插件
　　按快捷键 ctrl + shift + P ,在出现的文本框中输入Install Package，回车
　　然后在出现的文本框中输入你要安装的插件，按回车即可，（注意，安装插件的过程中会需要些时间，不要急，一个一个来）

个人推荐：必选

　　1、Emmet : 代码快速编写神器 官网 https://docs.emmet.io/ 还有速查表网址 https://docs.emmet.io/cheat-sheet/ 　　2、JsFormat : 快捷键Ctrl + Alt + F 格式化js 　　3、SideBarEnhancements : 文件的右键菜单增强插件，增加可复制粘贴文件的功能 　　4、TrailingSpaces : 高亮显示多余的空格和Tab 　　6、Autoprefixer : css3私有前缀补全插件，使用：在输入css3属性后按Tab键 　　7、jQuery: 快捷输入jq函数 　　8、DocBlockr : 标准的注释，包括函数名、参数、返回值等 参照网址 https://packagecontrol.io/packages/DocBlockr 　　9、sublimeCodeIntel js代码提示插件 　　10、sublime Tmpl 新建模板页，用了这个后，文件模板的文件头要重新设置。 　　　　打开 preferences --> Package Settings --> sublime Tml --> setting-User，输入以下内容即可

 123456{    "date_format" : "%Y-%m-%d %H:%M:%S",    "attr": {        "author": "youname",    }}

11、file Header 新建页面自带作者等文件头信息 参照https://blog.csdn.net/dong_alex/article/details/79118352
　　12、快速格式化 sublime Text3有自带的排版功能：就是菜单“Edit-Line-Reindent”（汉化后是“编辑-行-恢复缩进”）
　　13、autofilename 导入文件路径链接提示
　　14、DocBlockr 生成优美注释，
　　　　　简介：标准的注释，包括函数名、参数、返回值等，并以多行显示，手动写比较麻烦。
　　　　　使用：输入/*、/**然后回车，还有很多用法
　　15、Git git管理
　　
　　

根据个人需要选择安装:

1、CssComb ： css属性排序与格式化，该插件不支持 IE hark。快捷键Ctrl + Sgift + C
　　　　　　　注意：该插件依赖nodeJS环境 ，nodeJS下载地址 https://nodejs.org/en/download/
2、Less : less高亮插件
3、less2Css : 编译less. 检测到文件改动时，编译保存为.css文件（依赖nodejs环境）
4、Bracket Highlighter : 可匹配[],(),{} 高亮标记。便于查看起始和结束标记　　　　　　
5、alignment : "="号对齐，变量定义太多，长短不一，可一键对齐
6、git : git管理　　　　 https://github.com/kemayo/sublime-text-git/wiki
7、colorPicker : 需要输入颜色时可直接选取颜色，快捷键window：ctrl + shift + c
8、AutoFileName : 快捷输入文件名。自动完成文件名的输入，如图片选取 。
　　　使用：输入“/”即可·看到相对于本项目文件夹的其他文件
9、nodejs : https://sublime.wbond.net/packages/Nodejs
10、IMESupport ： 中文输入法跟随光标
11、sublimeLinter : 提示编写错误，包括html,css,javascript,java,php等，依赖nodejs环境
12、reactjs ： 支持react开发,代码提示，高亮显示
13、babel ： 支持es6语法，React.js，jsx语法高亮，对JavaScript，jQuery也有很好的扩展。
　　　　　　配置：view->Syntax->open all with curent…->babel->Javascript(babel)，选中babel为默认代开javascript文件的默认格式

四、管理插件
　　删除插件 ： Ctrl+Shift+P调出命令面板，输入Remove Package选项并回车，选择要删除的插件即可
　　更新插件： Ctrl+Shift+P调出命令面板，输入upgrade packages
五、其他自带快捷键

六、补充
　1、在浏览器运行，打开要运行的文件，然后在文件里的空白处右键，选择open in Browser
　2、以上基于sublime text3,有些别人推荐的插件,我再输入的时候找不到。在官网查看的时候该插件显示被remove了。所以如果你也没找到也不用着急，编辑器版本升级过程中，新增些插件或者删除些插件也不足为奇