sublime 配置&插件推荐

Sublime编辑器的新鲜特性
同时选中多个 先选中一个 再Command + D
Command + P @搜索函数 #搜索关键字
迷你地图

安装package control
https://sublime.wbond.net/Package%20Control.sublime-package
Preferences-->Browser Packeages 进入到Packages文件夹向上一级找到Installed Packages 将下载的文件丢进去后重启Sublime

安装插件
使用ctrl+shift+p即可打开命令面板(Command Palette)
输入Package Conntrol 显示相关命令 而Package Control:Install Package就是安装新的插件 之后搜索插件就行了

插件推荐
https://sublime.wbond.net/ package control 所有插件列表

编码类
GBK Encoding support
https://github.com/akira-cn/sublime-gbk
可以使sublime正确的打开GBK文件 (对于linux和mac环境下的sublime尤其适用)
下载后将文件夹更名为GBK Encoding Support 丢入Packages中

ConvertToUTF8
https://github.com/seanliang/ConvertToUTF8
在命令面板中输入convert to utf8 就会显示从不同编码转为UTF8的选项

快速书写类
Emmet
https://github.com/sergeche/emmet-sublime
一个能帮你快速书写HTML的工具
前身就是zen coding
此工具的运行需要PyV8的支持 https://github.com/emmetio/pyv8-binaries 有安装教程 [使用包管理器安装会自动安装PyV8]

PS  sublime3的pyv8需要Python3.3以上 !

emmet语法介绍 http://blog.wpjam.com/m/emmet-grammar/

ColorPicker
颜色选择器
https://github.com/weslly/ColorPicker

DocBlockr
生成标准JS注释
https://github.com/spadgos/sublime-jsdocs

jQuery
https://github.com/SublimeText/jQuery
jQuery代码提示 (可惜和CodeIntel冲突)

CodeIntel
https://github.com/SublimeCodeIntel/SublimeCodeIntel
代码提示

格式化类
HTML-CSS-JS Prettify -----强烈推荐
https://github.com/victorporof/Sublime-HTMLPrettify
格式化HTML CSS JS 都可以格式化

我的JS格式设置

  "js": {
"allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"],
"brace_style": "end-expand", // [collapse|expand|end-expand|none]
"break_chained_methods": false, // Break chained method calls across subsequent lines //链式函数另起一行
"e4x": false, // Pass E4X xml literals through untouched
"end_with_newline": false, // End output with newline
"eval_code": false,
"indent_char": " ", // Indentation character
"indent_level": 0, // Initial indentation level
"indent_size": 4, // Indentation size
"indent_with_tabs": false, // Indent with tabs, overrides `indent_size` and `indent_char`
"jslint_happy": true, // Enable jslint-stricter mode //jslint格式
"keep_array_indentation": false, // Preserve array indentation
"keep_function_indentation": false,
"max_preserve_newlines": 10, // Number of line-breaks to be preserved in one chunk
"preserve_newlines": true, // Preserve line-breaks
"space_after_anon_function": true, // Add a space before an anonymous function's parens, ie. function () //匿名函数后的function加上空格
"space_before_conditional": true,
"space_in_empty_paren": false,
"space_in_paren": false, // Add padding spaces within paren, ie. f( a, b )
"unescape_strings": false, // Decode printable characters encoded in xNN notation
"wrap_line_length": 0 // Wrap lines at next opportunity after N characters
}

Alignment
https://github.com/wbond/sublime_alignment
赋值语句对齐

其它
BracketHighlighter‎
https://github.com/facelessuser/BracketHighlighter%E2%80%8E
关于这里可以参考http://www.cnblogs.com/cart55free99/p/3502025.html

选中区域

这是按照层级选中的一个插件 每按一次命令就可以选中更多内容

expand-region

配置  KeyBindings -User  可以自己指定快捷键

[
{ "keys": ["ctrl+e"], "command": "expand_region" }
]

最后说说Settings

Sublime的设置和其他编辑器很不同  所有的设置都是通过编辑json格式的文件来实现

默认配置  Preferences--- Settings Default

用户级别配置  Preferences--- Settings User

{
"bold_folder_labels": true,
"caret_style": "wide",
"close_windows_when_empty": true,
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"drag_text": false,
"draw_white_space": "all",
"font_size": 14.0,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"indent_to_bracket": true,
"save_on_focus_lost": true,
"soda_classic_tabs": true,
"soda_folder_icons": true,
"tab_size": 4,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"wide_caret": true,
"word_wrap": true,
"show_full_path": true,
"always_show_path_on_tabs": true
}

PS 这个配置是融合了Afterglow

{
"Seti_SB_big": true,
"Seti_SB_med": true,
"Seti_no_blue_bar": true,
"Seti_tabs_med": true,
"Seti_tabs_small": true,
"bold_folder_labels": true,
"caret_extra_bottom": 3,
"caret_extra_top": 3,
"caret_extra_width": 2,
"caret_style": "wide",
"close_windows_when_empty": false,
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"drag_text": false,
"draw_white_space": "all",
"folder_exclude_patterns":
[
"bower_components",
"node_modules"
],
"font_face": "Consolas",
"font_size": 16.0,
"highlight_line": true,
"ignored_packages":
[
],
"indent_to_bracket": true,
"overlay_scroll_bars": "enabled",
"save_on_focus_lost": true,
"sidebar_row_padding_large": true,
"sidebar_size_14": true,
"tab_size": 4,
"theme": "Afterglow.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"update_check": false,
"wide_caret": true,
"word_wrap": true,
"show_full_path": true
}

Theme的  所以得先下载好Theme

Sublime编辑器主题 http://www.cnblogs.com/cart55free99/p/3795144.html
PS
删除空白行

替换中搜索 ^\n   替换一栏不填

PS  SUB3注册码

—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
—— END LICENSE ——

Sublime 配置&插件推荐的更多相关文章

  1. sublime text插件推荐

    time: 2016-05-23 13:00 --- 用了Sublime Text有一段时间了,之前被周围的几个前端小伙伴灌输的思想就是,牛b的前端程序员都是手写代码的,用代码提示啥的都low,然而上 ...

  2. sublime 3插件推荐

    新建文件以及快速注释 1.   SublimeTmpl 快速生成文件模板 一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴.用Subli ...

  3. Sublime Text 插件推荐——for web developers

    楼主向高大上的: web front-end development engineer (好吧,google就是这样翻译的 ^_^)们推荐 ST 插件,在此抛砖引玉: NO.1 :Emmet (原名: ...

  4. Sublime text2 插件推荐

    HTML-CSS-JS Prettify:  前端插件,使用 ctrl+shift+h 格式化代码

  5. sublime前端插件以及常用快捷键

    29个常用 Sublime Text 插件推荐 来源:互联网 作者:佚名 时间:06-18 09:27:55 [大 中 小] Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,P ...

  6. sublime Text3配置及快捷键、插件推荐总结

    一.基础 1.重要文档: sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/ sublime Te ...

  7. Sublime Text 使用介绍、全套快捷键及插件推荐

    开篇:如果说Notepad++是一款不错Code神器,那么Sublime Text应当称得上是神器滴哥.Sublime Text最大的优点就是跨平台,Mac和Windows均可完美使用:其次是强大的插 ...

  8. Sublime Text 2 安装配置插件

    最近学习python,看网上推荐用sublime text2挺方便,就学习了一下对sublime text2 安装插件,先放在这里,以备以后查找 根据晚上资料修改,原文请看这里 Python的自动补全 ...

  9. 【编程工具】Sublime Text3的安装和常用插件推荐

    本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大 ...

随机推荐

  1. Java面试题之五

    二十一.super()与this()的区别? (1)用this的情况: 1.在构造方法中,通过this调用另一个构造方法,用法:this(参数列表). 2.在函数参数或函数的局部变量与成员变量同名,即 ...

  2. Lambda表达式图解

    internal delegate int MyDel(int x); public class Lambda { ; };//匿名方法 ; };//Lambda表达式 ; };//Lambda表达式 ...

  3. Struts学习之类型转换

    * 从页面中获取对应的内容        * 在动作类action中,声明与页面中表单name属性的值同名的属性        * 提供get和set方法        * struts2框架就会通过 ...

  4. Hive操作之HQL语句

    HQL操作1.Distribute by    distribute by col按照col列把数据分散到不同的reduce    sort    sort by col 按照col列把数据排序    ...

  5. halcon与C#混合编程

    halcon源程序: dev_open_window(0, 0, 512, 512, 'black', WindowHandle)read_image (Image, 'C:/Users/BadGuy ...

  6. python 时间字符串与日期转化

    python 时间字符串与日期转化 datetime.datetime.strptime(string, format) 根据指定的格式解析字符串为一个datetime类型.相当于datetime.d ...

  7. 黑马程序员-- C语言执行过程及注意点

    通过对程序的逐步执行,了解C语言程序执行过程: 1.编写源文件即.c文件. #include <stdio.h> void play() { printf("hello worl ...

  8. android 布局常用混淆属性

    1.如何控制某一控件在父控件中的相对位置呢? 在Android系统中提供了layout_margin,用来控制某一控件边缘相对于父控件的边距. 其中, android:layout_marginTop ...

  9. Apache服务无法启动的解决方法

    apache服务无法启动的解决方法 在配置apache的时候,把apache安装为服务myweb,用apacheMonitor启动myweb发现无法启动,提示:the requested operat ...

  10. 替换bmp图片中的颜色 good

    工作中,经常需要将bmp图片中的某个颜色修改为另外一种颜色.比如:将图片中的所有白色均修改成灰色. 平时都是拿画图板中的油漆桶工具一点一点的刷,费时又费力.(这么干好几年了 :( ) 今天抽空编了一个 ...