sublime text3常用的插件及安装方法
2016-03-21 15:56
405 查看
4000
今天听同学介绍了一个超轻量级的前端开发工具,果然从下载安装(包括插件)都感觉超爽,感觉很喜欢。
使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+` 调出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())
}
重启Sublime Text 3。
----------------------------------------------------------------------------------------------------------------------------
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
常用插件:
1---- Bracket Highlighter "类似于代码匹配,可以匹配括号,引号等符号内的范围。
BracketHighlighter能为ST提供括号,引号这类高亮功能,但安装此插件后,默认没有高亮,只有下划线表示,不是很醒目,需要如下配置
1. 在ST中用package control安装BracketHighlighter(此是废话)
2. 安装完成后,打开Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User (注意是user),然后添加如下代码
----------------------------------------------------------------------------------------------
{
"bracket_styles": {
"default": {
"icon": "dot",
// "color": "entity.name.class",
"color": "brackethighlighter.default",
"style": "highlight"
},
"unmatched": {
"icon": "question",
"color": "brackethighlighter.unmatched",
"style": "highlight"
},
"curly": {
"icon": "curly_bracket",
"color": "brackethighlighter.curly",
"style": "highlight"
},
"round": {
"icon": "round_bracket",
"color": "brackethighlighter.round",
"style": "highlight"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "highlight"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "highlight"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "highlight"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
}
}
----------------------------------------------------------------------------------------------
Sulbime Text3 常用插件
1、Emmet
提高HTML & CSS3编写速度。
2、Theme – Soda
一直用的一款皮肤
3、sideBarEnhancements
侧边栏右键增效插件,提高页面处理速度。
4、HTML5
Sublime Text3支持HTML5
5、Sass
Sublime Text3支持Sass
6、Less
Sublime Text3支持Less
6、All Autocomplete
检查全部打开文件,相似自动补全插件
7、SublimeCodeIntel
代码提示工具
8、BracketHighlighter
成对匹配增强,并修改括号等的颜色
9、jQuery
Sublime Text3支持jQuery
10、DocBlockr
快速注释
11、ColorPicker
颜色获取
12、ConvertToUTF8
UTF8转换
13、FileDiffs
查找文档不同
14、LiveStyle
配合插件实时调试样式使用grunt watch已经不需要这个插件了。
15、Alignment
等号对齐 快捷键会有冲突 重新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f
16、SublimeTmpl
快速格式化代码
17、Gutter Color
颜色提示 需要imageMagick支持
18、Can I Use
可以直接调整到caniuse看到当前属性的浏览器支持情况。快捷键
19、InsertDate
插入时间,项目文件存在CDN的时候,需要改变时间戳才会看到效果,这个是个好东西。
20、Git
Git插件,提供Git常用的命令集合。
21、AutoFileName
自动提示路径插件
以上插件感觉基本上都安装上了,再继续看看具体的用法,
今天听同学介绍了一个超轻量级的前端开发工具,果然从下载安装(包括插件)都感觉超爽,感觉很喜欢。
使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+` 调出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())
}
重启Sublime Text 3。
----------------------------------------------------------------------------------------------------------------------------
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
常用插件:
1---- Bracket Highlighter "类似于代码匹配,可以匹配括号,引号等符号内的范围。
BracketHighlighter能为ST提供括号,引号这类高亮功能,但安装此插件后,默认没有高亮,只有下划线表示,不是很醒目,需要如下配置
1. 在ST中用package control安装BracketHighlighter(此是废话)
2. 安装完成后,打开Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User (注意是user),然后添加如下代码
----------------------------------------------------------------------------------------------
{
"bracket_styles": {
"default": {
"icon": "dot",
// "color": "entity.name.class",
"color": "brackethighlighter.default",
"style": "highlight"
},
"unmatched": {
"icon": "question",
"color": "brackethighlighter.unmatched",
"style": "highlight"
},
"curly": {
"icon": "curly_bracket",
"color": "brackethighlighter.curly",
"style": "highlight"
},
"round": {
"icon": "round_bracket",
"color": "brackethighlighter.round",
"style": "highlight"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "highlight"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "highlight"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "highlight"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
}
}
----------------------------------------------------------------------------------------------
Sulbime Text3 常用插件
1、Emmet
提高HTML & CSS3编写速度。
2、Theme – Soda
一直用的一款皮肤
3、sideBarEnhancements
侧边栏右键增效插件,提高页面处理速度。
4、HTML5
Sublime Text3支持HTML5
5、Sass
Sublime Text3支持Sass
6、Less
Sublime Text3支持Less
6、All Autocomplete
检查全部打开文件,相似自动补全插件
7、SublimeCodeIntel
代码提示工具
8、BracketHighlighter
成对匹配增强,并修改括号等的颜色
9、jQuery
Sublime Text3支持jQuery
10、DocBlockr
快速注释
11、ColorPicker
颜色获取
12、ConvertToUTF8
UTF8转换
13、FileDiffs
查找文档不同
14、LiveStyle
配合插件实时调试样式使用grunt watch已经不需要这个插件了。
15、Alignment
等号对齐 快捷键会有冲突 重新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f
16、SublimeTmpl
快速格式化代码
17、Gutter Color
颜色提示 需要imageMagick支持
18、Can I Use
可以直接调整到caniuse看到当前属性的浏览器支持情况。快捷键
19、InsertDate
插入时间,项目文件存在CDN的时候,需要改变时间戳才会看到效果,这个是个好东西。
20、Git
Git插件,提供Git常用的命令集合。
21、AutoFileName
自动提示路径插件
以上插件感觉基本上都安装上了,再继续看看具体的用法,
相关文章推荐
- 用JS写递归中容易出错的点
- touch事件里面点的捕捉方法
- HDU 4565 So Easy!(矩阵快速幂+数学)
- Android 系统状态参数和开机服务状态
- 如何通过 OAuth 2.0 使 iOS Apps 集成 LinkedIn 登录功能?
- IO-5
- hive性能优化
- 【redis】仅存储 n 条最新记录。
- Java Integer之间==问题
- LeetCode 328 Odd Even Linked List
- 使用 php isset 遇到的问题
- 自定义对话框 ,加载动画
- Future 总结
- [转载]使用实时频谱分析仪观测偶发信号的几点优势
- Android多线程异步处理:AsyncTask 的实现原理
- 两个结果集进行并集操作
- Qt不规则窗体的实现
- 99乘法表隔行变色
- 选项卡
- Linux之cut命令的用法