sublime text3插件使用
sublime text 使用BUG解决
一、安装emmet、Package Control插件
ctrl+shift+p -> install package ->emmet(Zen Coding)[默认安装文件路径F:\Sublime Text 3\Data\Installed Packages]
安装Package Control插件
报错情况 Package Control:There are no packages available for installation
直接将文件放到Sublime Text\Data\Packages\Package Control下面重启sublime软件即可
二、Sublime Text 打开Preferences--->Settings-User配置
{
"ignored_packages":
[
"Vintage"
],
"font_size": 12,
// 左侧列表中文文件名显示方框
"dpi_scale": 1.0,
// 自动换行
"word_wrap" : true,
// 文件失去焦点自动保存文件
"save_on_focus_lost": true,
// 关闭软件更新提示
"update_check": false
}
三、设置F12预览快捷键
1、 点击菜单Tools -> New Plugin...（工具->新插件…），在创建好的py文件输入下列内容：
import sublime, sublime_plugin
import webbrowser
url_map = {
'/Users/jerry/Sites/test/' : 'http://test/',
}
class OpenBrowserCommand(sublime_plugin.TextCommand):
def run(self,edit):
window = sublime.active_window()
window.run_command('save')
url = self.view.file_name()
for path, domain in url_map.items():
if url.startswith(path):
url = url.replace(path, domain).replace('\\', '\/')
break
webbrowser.open_new(url)
将文件保存到Packages/User目录（Packages可通过菜单里的Browser Packages...打开），文件名随意，如open_browser.py。插件部分完工了。
2、 接下来，为刚才的插件分配快捷键。点菜单Tools -> Command Palette...（工具- >命令面板…），或者shift+cmd+p，打开命令集，选择“key Bindings - User”（手动输入 key Bindings就会出现相应提示）打开个人快捷键配置，输入下列内容：
[{ "keys": ["f12"], "command": "open_browser" }]
---------------------------------------------------------------------------------------------------------------------------------------------------------
sublime text 插件
一、auto_save文件自动保存
打开Preferences--->Package-Settings--->Auto_save--->Settings-Use配置里面添加
{
"auto_save_on_modified": true,
"auto_save_delay_in_seconds":5
}
二、Terminal运行框
打开cmd窗口配置
打开Preferences--->Package-Settings--->Terminal--->Settings-Use配置里面添加
{
//window下终端路径
"terminal": "C:\\windows\\system32\\cmd.exe",
//window下终端参数
"parameters": ["/START", "%CWD%"]
}
{
//mac 下配置终端
"terminal": "Terminal.sh",
"parameters": ["--open-in-tab"]
}
打开git bash窗口配置
打开Preferences--->Package-Settings--->Terminal--->Settings-Use配置里面添加
{
// The command to execute for the terminal, leave blank for the OS default
// On OS X the terminal can be set to iTerm.sh to execute iTerm
// "terminal": "C:\\Program Files (x86)\\Git\\bin\\sh.exe",
"terminal": "D:\\Git\\bin\\sh.exe",
// A list of default parameters to pass to the terminal, this can be
// overridden by passing the "parameters" key with a list value to the args
// dict when calling the "open_terminal" or "open_terminal_project_folder"
// commands
// "parameters": ["-c", "cd \"%CWD%\" && \"C:\\Program Files (x86)\\Git\\bin\\sh.exe\" -i -l"]
"parameters": ["-c", "cd \"%CWD%\" && \"D:\\Git\\bin\\sh.exe\" -i -l"]
}
打开cmder窗口配置
a、把 Cmder 加到环境变量
把Cmder.exe存放的目录添加到系统环境变量；加完之后,Win+r一下输入cmder,即可。
b、添加 cmder 到右键菜单添加后在任意文件夹中即可打开Cmder，上一步的把 Cmder 加到环境变量就是为此服务的, 在管理员权限的终端输入以下语句即可: Cmder.exe /REGISTER ALL
打开Preferences--->Package-Settings--->Terminal--->Settings-Use配置里面添加
{
// The command to execute for the terminal, leave blank for the OS default
// On OS X the terminal can be set to iTerm.sh to execute iTerm
// "terminal": "C:\\Program Files (x86)\\Git\\bin\\sh.exe",
"terminal": "E:\\cmder\\Cmder.exe",
// A list of default parameters to pass to the terminal, this can be
// overridden by passing the "parameters" key with a list value to the args
// dict when calling the "open_terminal" or "open_terminal_project_folder"
// commands
// "parameters": ["-c", "cd \"%CWD%\" && \"C:\\Program Files (x86)\\Git\\bin\\sh.exe\" -i -l"]
"parameters": ["/START", "%CWD%"]
}
还可以设置按键
打开Preferences--->Package-Settings--->Terminal--->Key Bindings-Default配置里面添加
[
{ "keys": ["ctrl+shift+t"], "command": "open_terminal" },
{ "keys": ["ctrl+shift+alt+t"], "command": "open_terminal_project_folder" }
]
三、AutoFileName显示文件路径
四、BracketHighlinghter显示标签对提示
五、SublimeServer简易本地服务器环境
六、Babel 编写ES6
七、Autoprefixer自动生成css3前缀
前提要先安装nodejs,配置默认兼容浏览器版本 打开Preferences--->Package-Settings--->Autopreifxer--->Autoprefixer Settings-Use配置里面添加
{
"browsers": ["last 1 version", "> 10%", "> 5% in US", "ie 8", "ie 7"]
}
可选浏览器列表
browserslist('last 1 version, > 10%');
//=> ["and_chr 51", "chrome 52", "chrome 51", "edge 13", "firefox 47",
// "ie 11", "ie_mob 11", "ios_saf 9.3", "opera 38", "safari 9.1"]
You can specify the versions by queries (case insensitive): last 2 versions: the last 2 versions for each major browser. last 2 Chrome versions: the last 2 versions of Chrome browser. > 5%: versions selected by global usage statistics. > 5% in US: uses USA usage statistics. It accepts two-letter country code. > 5% in my stats: uses custom usage data. ie 6-8: selects an inclusive range of versions. Firefox > 20: versions of Firefox newer than 20. Firefox >= 20: versions of Firefox newer than or equal to 20. Firefox < 20: versions of Firefox less than 20. Firefox <= 20: versions of Firefox less than or equal to 20. Firefox ESR: the latest [Firefox ESR] version. iOS 7: the iOS browser version 7 directly. not ie <= 8: exclude browsers selected before by previous queries. You can add not to any quer
配置完毕后，只需在css文件中选择Autoprefix CSS即可
八、FileHeader自动生成文件修改时间插件
配置默认字段模板 打开Preferences--->Package-Settings--->File Header--->Settings-Use配置里面添加
{
"Default": {
"author":"JiaoShouf2e",
"last_modified_by":"JiaoShouf2e"
}
}
九、DocBlockr自动生成注释模板
配置注释模板 打开Preferences--->Package-Settings--->DocBlockr--->Settings-Use配置里面添加
{
"jsdocs_extra_tags":["@Author JiaoShouf2e","@DateTime {{datetime}}"]
}
十、SFTP文件上传插件
十一、JsFormat js文件格式化插件 HTMLPrettify html、css、js格式化插件 均可配置成自动保存格式化
十二、LiveReload 浏览器自动刷新插件
安装LiveReload扩展（chrome） https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnk
给文档添加监测代码
2、选LiveReload: Enable/disable plug-ins
3、选Enable - SimpleReload
---------------------------------------------------------------------------------------------------------------------------------------------------------
sublime text 默认配置
// 默认设置
{
// 配色方案
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
// 字体
"font_face": "",
// 字号
"font_size": 10,
// 字型
"font_options": [],
// 双击选中的分隔字符
"word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",
// 显示行号
"line_numbers": true,
// 显示行号边界
"gutter": true,
// 行号边界和文字的间距
"margin": 4,
// 显示代码折叠按钮
"fold_buttons": true,
// 代码折叠按钮，鼠标移开时隐藏
"fade_fold_buttons": true,
// 垂直标尺宽度（单位：字符）
"rulers": [],
// 拼写检查
"spell_check": false,
// 制表符大小（单位：字符）
"tab_size": 4,
// 制表符转换为空格
"translate_tabs_to_spaces": false,
// 按制表符大小来插入及删除
"use_tab_stops": true,
// 载入时检查缩进
"detect_indentation": true,
// 回车键自动对齐缩进
"auto_indent": true,
// 针对 C 语言的花括号自动对齐
"smart_indent": true,
// 缩进时对齐括号
"indent_to_bracket": false,
// 移出一行时去除自动缩进的空白
"trim_automatic_white_space": true,
// 自动换行
"word_wrap": "auto",
// 换行宽度（单位：字符）
"wrap_width": 0,
// 防止被缩进到同一级的字符换行
"indent_subsequent_lines": true,
// 窗口居中显示
"draw_centered": false,
// 自动匹配引号、括号等
"auto_match_enabled": true,
// 拼写检查的单词列表
"dictionary": "Packages/Language - English/en_US.dic",
// 拼写检查的范围
"spelling_selector": "markup.raw, source string.quoted - punctuation - meta.preprocessor.c.include, source comment - source comment.block.preprocessor, -(source, constant, keyword, storage, support, variable, markup.underline.link, meta.tag)",
// 缩略图边框
"draw_minimap_border": false,
// 默认显示缩略图
"always_show_minimap_viewport": false,
// 当前行高亮
"highlight_line": false,
// 光标闪动方式
"caret_style": "smooth",
// 光标尺寸（单位：像素）
"caret_extra_top": 0,
"caret_extra_bottom": 0,
"caret_extra_width": 0,
// 当前匹配的闭合标签高亮
"match_brackets": true,
// 当前匹配的闭合标签（圆括号）高亮
"match_brackets_content": true,
// 当前匹配的闭合标签（方括号）高亮
"match_brackets_square": true,
// 当前匹配的闭合标签（大括号）高亮
"match_brackets_braces": true,
// 当前匹配的闭合标签（尖括号）高亮
"match_brackets_angle": false,
// 当前匹配的闭合标签（HTML 及 XML）高亮
"match_tags": true,
// 当前选中字符的其他相同字符高亮
"match_selection": true,
// 行距（单位：像素）
"line_padding_top": 0,
"line_padding_bottom": 0,
// 超过页尾时滚动
"scroll_past_end": true,
// 页首或页尾的移动限制
"move_to_limit_on_up_down": false,
// 显示空白标记
"draw_white_space": "selection",
// 显示缩进标记
"draw_indent_guides": true,
// 缩进标记的选项
"indent_guide_options": ["draw_normal"],
// 保存时，删除行尾多余的空白
"trim_trailing_white_space_on_save": false,
// 保存时，页尾确保为空行
"ensure_newline_at_eof_on_save": false,
// 失去焦点时，文件自动保存
"save_on_focus_lost": false,
// 恢复原始保存
"atomic_save": false,
// 回调编码格式
"fallback_encoding": "Western (Windows 1252)",
// 默认编码格式
"default_encoding": "UTF-8",
// 使用 HEX 编码格式打开包含空字节的文件
"enable_hexadecimal_encoding": true,
// 行尾终止符默认的编码格式
"default_line_ending": "system",
// 制表键补全
"tab_completion": true,
// 自动完成
"auto_complete": true,
// 自动完成的大小限制
"auto_complete_size_limit": 4194304,
// 自动完成的延时（单位：毫秒）
"auto_complete_delay": 50,
// 自动完成的范围
"auto_complete_selector": "meta.tag - punctuation.definition.tag.begin, source - comment - string.quoted.double.block - string.quoted.single.block - string.unquoted.heredoc",
// 触发自动完成的其他情况
"auto_complete_triggers": [ {"selector": "text.html", "characters": "<"} ],
// 自动完成上屏后换行
"auto_complete_commit_on_tab": false,
// 自动完成跟随活跃字段
"auto_complete_with_fields": false,
// 自动完成循环选择提示
"auto_complete_cycle": false,
// 自动闭合匹配的 HTML 及 XML 标签
"auto_close_tags": true,
// 转换键 + 制表键取消缩进
"shift_tab_unindent": false,
// 空选择的复制与剪切
"copy_with_empty_selection": true,
// 查找文本框默认显示选中的文本
"find_selected_text": true,
// 自动在选中的范围内搜索
"auto_find_in_selection": false,
// 拖拽选中的文本
"drag_text": true,
//
// 用户界面设置
//
// 界面主题
"theme": "Default.sublime-theme",
// 平滑滚动速度
"scroll_speed": 1.0,
// 侧边栏文件夹动画
"tree_animation_enabled": true,
// 动画总控制
"animation_enabled": true,
// 高亮未保存的文件
"highlight_modified_tabs": false,
// 显示标签页的关闭按钮
"show_tab_close_buttons": true,
// 加粗显示侧边栏的文件夹标签
"bold_folder_labels": false,
// OS X 平台选项
"use_simple_full_screen": false,
"gpu_window_buffer": "auto",
// 显示滚动条
"overlay_scroll_bars": "system",
// 滚动标签栏
"enable_tab_scrolling": true,
// 状态栏显示文件编码格式
"show_encoding": false,
// 状态栏显示行尾编码格式
"show_line_endings": false,
//
// 程序行为设置
//
// 热退出：关闭时不提示，打开时恢复退出前状态
"hot_exit": true,
// 记住全屏显示
"remember_full_screen": false,
// 总是提示文件被修改
"always_prompt_for_file_reload": false,
// OS X 平台选项
"open_files_in_new_window": true,
"create_window_at_startup": true,
// 窗口跟随最后一个标签关闭
"close_windows_when_empty": false,
// 标题栏显示完整路径
"show_full_path": true,
// 编译时显示结果面板
"show_panel_on_build": true,
// 侧边栏的文件单击预览
"preview_on_click": true,
// 侧边栏的文件夹排除
"folder_exclude_patterns": [".svn", ".git", ".hg", "CVS"],
// 侧边栏的文件排除
"file_exclude_patterns": ["*.pyc", "*.pyo", "*.exe", "*.dll", "*.obj","*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", "*.class", "*.psd", "*.db", "*.sublime-workspace"],
// 侧边栏的文件保留
"binary_file_patterns": ["*.jpg", "*.jpeg", "*.png", "*.gif", "*.ttf", "*.tga", "*.dds", "*.ico", "*.eot", "*.pdf", "*.swf", "*.jar", "*.zip"],
// 侧边栏的文件索引
"index_files": true,
// 侧边栏的文件索引线程
"index_workers": 0,
// 侧边栏的文件索引排除
"index_exclude_patterns": ["*.log"],
// 忽略插件，重启后生效
"ignored_packages": ["Vintage"]
}
---------------------------------------------------------------------------------------------------------------------------------------------------------
sublime text 快捷键
Ctrl+D:按词，多按++(过程中如果想跳过某个选项，Ctrl+k即可)
Alt+F3:按下全选一类
列选模式：鼠标右键+shift(Ctrl + Alt + Down)
Ctrl+kk:删除行
Ctrl+Shift+D:复制光标所在整行，插入在该行之前
Ctrl+J:合并行（已选择需要合并的多行时）
Ctrl+KU:改为大写
Ctrl+KL:改为小写
Ctrl+Shift+↑ 向上移动一行
Ctrl+Shift+↓ 向下移动一行
Ctrl+M:光标移动至括号内开始或结束的位置
Ctrl+Shift+M:选择括号内的内容（按住-继续选择父括号）
Ctrl+Y:恢复撤销
Ctrl+Shift+A:选择光标位置父标签对儿
Ctrl+Shift+[:折叠代码
Ctrl+Shift+]:展开代码
Ctrl+KT:折叠属性
Ctrl+K0:展开所有
Ctrl+T:词互换
Ctrl+Shift+UP:与上行互换
Ctrl+Shift+DOWN:与下行互换
Ctrl+Enter:插入行后
Ctrl+Shift Enter:插入行前
ctrl + g,或ctrl + p,再输入 : 数字 可以跳转到行
ctrl + r 或 ctrl + p ,在执行@。 之后填写要搜索的函数名
选中一对标签(标签开头和标签结尾),Ctrl+Shift+'
按Cmd-Shift-Y (Win: Ctrl-Shift-Y)计算数值
正则替换
目标
将类似 <div id="aaaa">$1</div>这样的语句替换成 <div id="aaaa" class="jiaoshou">$1</div>
替换方法
调出查找和替换界面
点下最左侧的.*按钮，启用正则搜索
Find What界面中输入 "<div id="aaaa">(.*)</div>"，别忘了这儿的小括号
Replace With中输入 "<div id="aaaa" class="jiaoshou">$1</div>"这儿的$1就代表了第一个括号中匹配的内容
Replace ALL！
<div id="aaaa">较瘦f2e</div>
<div id="aaaa">前端</div>
<div id="aaaa">较瘦</div>
稍微再加点限制：
<div id="aaaa">较瘦f2e</div>
<span id="bbbb">前端</span>
<a id="cccc">较瘦</a>
Find What界面中输入 <(.*) id=(.*)>(.*)</(.*)>
Replace With中输入 <$1 id=$2 class="jiaoshou">$3</$4>
E
元素名（div、p）；
eg:<div></div>、<p></p>
E#id
带Id的元素（div#content、p#intro、span#error）；
eg:<div id="content"></div>、<p id="intro"></p>、<span id="error"></span>
E.class
带class的的元素（div.header、p.error）,id和class可以连着写，div#content.column
eg:<div class="header"></div>、<p class="error"></p>、<div id="content" class="column"></div>
使用E[attr]添加属性
使用E{text}添加文本
E>N 生成彼此嵌套的元素
子元素（div>p、div#footer>p>span）
eg:<div>
<p></p>
</div>、<div id="footer">
<p><span></span></p>
</div>
E*N
多项元素（ul#nav>li*5>a）
eg:<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
E+N 用来生成彼此相邻的元素
多项元素(div+p+a+ul+li)
eg:<div></div>
<p></p>
<a href=""></a>
<ul></ul>
<li></li>
E$*N
带序号的元素(div$*5)
eg:<div1></div1>
<div2></div2>
<div3></div3>
<div4></div4>
<div5></div5>
本文标题:sublime text3插件使用
原创作者:Jiao Shou
发布时间:2015年03月21日 - 20:47
最后更新:2015年03月21日 - 20:49
原始链接:http://www.cnblogs.com/jiaoshou/p/4356156.html
许可协议:转载本篇文章时请务必以超链接形式标明文章原文链接和作者信息。
扫描二维码,分享此文章
