Sublime text3常用插件
2016-06-12 18:49
246 查看
1.Sublime text3
侧边栏
主题 P.C.安装 *Spacegray/Solarized/Glacier/Predawn/Flatland/Tron Legacy/ITG:Flat/Tomorrow Theme/Brogrammar/Augmented Reaction/El Capitan/Devastate/Asphalt/Freesia/Cyanide/Moka/Glacier/Coffee/Piatto/Orchis/Tech49/Numix/Preap/*Material Theme/Cola/DC/*Autumn/*Kronuz/*Aliga/Centurion
http://www.techug.com/9-best-sublime-text-themes
http://webres.wang/best-sublime-text-3-themes-of-2015-and-2016/
http://colorsublime.com/(sublime主题网站)
preferences->Setting-User
图标 快捷方式->右键->属性->更改图标(windows图标格式 .ico)
图标网站 https://dribbble.com/
图标转换 https://iconverticons.com/online/
可点击的URL
https://github.com/leonid-shevtsov/ClickableUrls_SublimeText
其他语法支持 LESS,Sass,SCSS,Styls和Jade(或其它)
LESS https://github.com/danro/LESS-sublime
Sass https://github.com/nathos/sass-textmate-bundle
SCSS https://github.com/MarioRicalde/SCSS.tmbundle
Styls https://github.com/billymoon/Stylus
Jade https://github.com/P233/Jade-Snippets-for-Sublime-Text-2
2.代码辅助
语法高亮
代码对齐
代码校验
代码格式化:
符号高亮
自动删除空格
注释文档
vue语法高亮 Vue Syntax Highlight
LESS 代码高亮 LESS P.C.安装
CoffeeScript CoffeeScript代码高亮、校验和编译等 P.C.安装
3.代码书写
简化HTML/CSS代码书写
代码片段
自动补全
4.语言支持
HTML5
CSS
预处理 SASS Build
CSS3 CSS3语法高亮
Color Highlighte CSS颜色高亮
JS
JsFormat 代码格式化
JavaScript Completions/JavaScript & NodeJS Snippets 输入提示,代码补全
JavaScript Next JavaScript Next语法高亮
SublimeLinter-jshint
5.颜色
ColorPicker
6.浏览器
CanIUse 检查HTML/CSS兼容性 P.C.安装/浏览器扩展插件
http://www.jianshu.com/p/f4ec41257206
https://github.com/Grafikart/ST3-LiveReload
7.项目管理
PackageResourceViewer
FileDiffs 文件对比
AdvancedNewFile 快速新建文件
Nettuts+ Fetch 管理类库
文档编辑 MarkDown Editing
Sublime text3/Git/GitHub协同
8.工作流
注:P.C./package control
侧边栏
SideBarEnhancementsP.C.安装 打开/关闭
ctrl+k+b
主题 P.C.安装 *Spacegray/Solarized/Glacier/Predawn/Flatland/Tron Legacy/ITG:Flat/Tomorrow Theme/Brogrammar/Augmented Reaction/El Capitan/Devastate/Asphalt/Freesia/Cyanide/Moka/Glacier/Coffee/Piatto/Orchis/Tech49/Numix/Preap/*Material Theme/Cola/DC/*Autumn/*Kronuz/*Aliga/Centurion
http://www.techug.com/9-best-sublime-text-themes
http://webres.wang/best-sublime-text-3-themes-of-2015-and-2016/
http://colorsublime.com/(sublime主题网站)
preferences->Setting-User
{ "theme": "Soda Dark.sublime-theme" }
图标 快捷方式->右键->属性->更改图标(windows图标格式 .ico)
图标网站 https://dribbble.com/
图标转换 https://iconverticons.com/online/
可点击的URL
ClickableURLs可以让文件中的URL能够点击
https://github.com/leonid-shevtsov/ClickableUrls_SublimeText
其他语法支持 LESS,Sass,SCSS,Styls和Jade(或其它)
LESS https://github.com/danro/LESS-sublime
Sass https://github.com/nathos/sass-textmate-bundle
SCSS https://github.com/MarioRicalde/SCSS.tmbundle
Styls https://github.com/billymoon/Stylus
Jade https://github.com/P233/Jade-Snippets-for-Sublime-Text-2
2.代码辅助
语法高亮
代码对齐
AlignmentP.C.安装
代码校验
SublimeLinterP.C.安装 支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言,但前提是需要配置相应语言的环境
代码格式化:
HTML-CSS-JS PrettifyP.C.安装
符号高亮
BracketHighlighterP.C.安装
自动删除空格
TrmmerP.C.安装
注释文档
DocBlockrP.C.安装
vue语法高亮 Vue Syntax Highlight
LESS 代码高亮 LESS P.C.安装
CoffeeScript CoffeeScript代码高亮、校验和编译等 P.C.安装
3.代码书写
简化HTML/CSS代码书写
EmmetP.C.安装
代码片段
better-completions/Snippets P.C.安装
自动补全
SublimeCodeIntelP.C.安装
4.语言支持
HTML5
HTML5HTML5 bundle P.C.安装
TagHTML/XML标签缩进、补全和校验 P.C.安装
CSS
预处理 SASS Build
Ctrl+ B
CSSCombCSS属性排序
CSS3 CSS3语法高亮
Color Highlighte CSS颜色高亮
autoprefixer支持整个css文件添加前缀
JS
JsFormat 代码格式化
JavaScript Completions/JavaScript & NodeJS Snippets 输入提示,代码补全
JavaScript Next JavaScript Next语法高亮
SublimeLinter-jshint
5.颜色
ColorPicker
6.浏览器
CanIUse 检查HTML/CSS兼容性 P.C.安装/浏览器扩展插件
LiveReload即时刷新页面 GitHub安装/浏览器扩展插件
http://www.jianshu.com/p/f4ec41257206
https://github.com/Grafikart/ST3-LiveReload
LiveStyleCSS 即时刷新页面 P.C.安装/浏览器扩展插件
7.项目管理
PackageResourceViewer
FileDiffs 文件对比
AdvancedNewFile 快速新建文件
Nettuts+ Fetch 管理类库
AutoFileName文件路径自动提示
文档编辑 MarkDown Editing
Sublime text3/Git/GitHub协同
8.工作流
gulpP.C.安装
注:P.C./package control
相关文章推荐
- java自动生成验证码插件-kaptcha
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- 加载flash9.ocx出现错误的解决方法
- jquery实现的代替传统checkbox样式插件
- 10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
- 推荐40个非常优秀的jQuery插件和教程【系列三】
- Windows系统下使用Sublime搭建nodejs环境
- Node.js插件的正确编写方式
- 推荐十款免费 WordPress 插件
- NopCommerce架构分析之(四)基于路由实现灵活的插件机制
- JavaScript开发者必备的10个Sublime Text插件
- Bootstrap教程JS插件弹出框学习笔记分享
- 使用JavaScript开发IE浏览器本地插件实例
- jQuery实现的简单提示信息插件
- 推荐25个超炫的jQuery网格插件
- 纯JavaScript实现的分页插件实例
- JQuery插件jcarousellite的参数中文说明
- Bootstrap Paginator分页插件使用方法详解
- Bootstrap每天必学之弹出框(Popover)插件