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,输入以下内容即可
{ "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了。所以如果你也没找到也不用着急,编辑器版本升级过程中,新增些插件或者删除些插件也不足为奇
参照博客有:
http://www.cnblogs.com/hykun/p/sublimeText3.html
http://mp.weixin.qq.com/s?__biz=MjM5NDUyODM3OQ==
https://www.cnblogs.com/zhaowy/p/8400443.html