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

原文地址:https://www.cnblogs.com/qqing/p/6872195.html