操作步骤：Preferences->setting { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",}最终成果： { "theme": "Default Dark.sublime-theme", "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "dark_color_scheme": "Packages/Color Scheme - Default/Breakers.sublime-color-scheme", "light_color_scheme": "Packages/Color Scheme - Default/Sixteen.sublime-color-scheme", "font_size": 13,}
sublime Text3 包安装报错There are no packages available for installation今天升级了下sublime版本，要ctrl+shift+p安装插件时，出现下图信息 之前处理过一次，是因为默认直接url连接，网络连接不到sublime插件的服务器之前是将这个地址的问价下载下来直接改配置访问，升级后该文件又被重置了所以重新来一遍 下载package信息文件，保存为channel_v3.json依次进入Preferences->Package Setting->Package Control ->Setting - User将如下字段信息改为保存的目录,然后重启 "channels": [ "D:/Program Files/Sublime Text 3/channel_v3.json" ],这样就可以下载插件了
前言这几天重装了一下Mac的系统，将盘全部抹掉了，所有的环境和工具都需要重新配置，期间发现很多配置都已经忘记了，所以觉得有必要写一篇文章记录一下，方便以后查阅，当然随着以后接触的东西越来越多，还会不断更新内容。 编辑器VSCode 使用的扩展有： Chinese language PackEasy LESSESLintMaterial Icon Themeopen in browserVetur至于ESLint需要在VSCode的配置json文件中写入一下配置： "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true }],"eslint.autoFixOnSave": true,Sublime 使用的扩展有： EmmetConvertToUTF8SideBarEnhancementsNodenvm使用nvm来管理node版本 安装参见我的另一篇文章在Mac下安装nvm管理nodenrm使用nrm来管理npm源，我不使用cnpm来下载包。因为npm和cnpm混用，会出现莫名其妙的错误。 nrm use taobao接口调试Postman使用Postman来进行接口的调试 数据库管理工具Sequel Pro免费、开源、体量小 注意：需要下载官网中More中的Test Builds版本，否则在Mac最新系统中退出时，报意外退出错误本地服务器环境的工具MAMP 注意：在第一次，我们需要在设置中将端口修改为80和3306MarkdownTypora免费、简洁、功能齐全 视频播放IINA免费、开源、Mac播放软件不二之选
源码安装Sublime Text 31.下载解压。 进入解压目录：ln -s /usr/local/sublime-text-3/sublime_text /usr/local/bin/sublime3。 2.安装插件管理器。 从 Sublime Text 3 官方获取用于安装Package Control 的代码。依次点击 View > Show Console （快捷键Ctrl + `）打开控制台。在控制台中粘贴官方代码，然后点击回车。最后重启。 3.安装插件。 主题Flatland，Agila，Material Theme，Brogrammer；扩展侧边栏中菜单选项SideBarEnhancements；终极 Python 插件Anaconda；文件创建AdvancedNewFile；版本控制git；函数生成描述DocBlockr_python；代码静态检查工具框架SublimeLinter-pyflakes。 4.配置。 修改快捷键 Sublime Text > Preferences > Package Settings > 插件 > Key Bindings – User。 修改配置Sublime Text > Preferences > Package Settings > 插件 > Settings – User。 5.配置python3版本。 Sublime Text > Preferences > Package Settings >Anaconda> Settings – default。将"python_interpreter": "python"改为"python_interpreter": "python3"。 ...
手动挡经常会改不齐全，发现能写正则还是很方便的。 find> replace调出替换面板也可以快捷键 command+alt+F 这个引用到复杂点的数据里面 真的省事不要太多 方便不要太多 我知道得太迟了。。。。。。 mark一下 仅供参考 欢迎更正补充 end
Sublime Text3安装MarkDown插件思否的笔记编辑器不支持MarkDown的实时预览，之前一直是用CSDN的在线编辑器写笔记，笔记换到思否后不是很方便，所以利用一下Sublime Text3的一些小插件实现MarkDown的实时编辑预览。使用效果写在前面的原因是：其实际使用效果并不是很好，可能是Surface的孱弱性能导致其有那么一丝卡顿，而且它似乎不支持自动换行。相比而言，我还是喜欢用CSDN的在线编辑器。。所以本篇笔记就当作记一下Sublime 的插件安装方法笔记吧。。安装工作0.Package Control的安装Package Control是Sublime Text的一个管理插件。可以看这篇Package Control安装1.进入Package Control。按下快捷键shift+Ctrl+P启动sublime的控制台，输入Package Control:Install Package回车进入Package Control的插件包安装界面。2.安装Markdown的插件输入插件名Markdown Editing安装插件Markdown Editing ,左下角等号一直在跑就是正在安装，不动了就是安装完成。Markdown Editing可以在视图设置里的语法提示切换提示和语法高亮以及定义快捷键，比如Ctrl+数字键是分级标题。选择你要开启的主题复制到User里就行了。推荐配置：“color_scheme”: “Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme”, // 修改风格的主题,我这里是sublime的boxy主题自带的,默认有这几种主题 // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor.tmTheme”, // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme”, // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme”,“highlight_line”: true, // 高亮正在编辑的行"line_numbers": true, // 显示行号"tab_size": 4, // tab宽度"translate_tabs_to_spaces": true, // tab转换为空格"trim_trailing_white_space_on_save": true, // 保存时去掉行尾空格"word_wrap": true, // 自动换行"wrap_width": “auto”, // 换行的宽度,默认80会造成左侧大量留白"mde.keep_centered": true, // 可以保持你正在编辑的行始终处于屏幕的中间3.安装插件MarkdownLivePreview同样是进入Package Control后搜索安装，安装后进入设置里启用插件；将左侧的默认设置信息复制到右侧，把第一项的属性由false更改为true。Ctrl+S保存设置实际使用打开sublime后右下角更改文件格式为Markdown,Ctrl+S保存文件后MarkdownLivePreview的窗口就会自动弹出。OK 就酱(￣▽￣)“然而我第一次发文章才发现文章编辑器居然可以在线预览。。建议把笔记编辑器也加上。please~
下载sublime，http://www.sublimetext.com/安装package control ：https://packagecontrol.io/ins… 注：sublime text3按照官网上的两种做法安装package control都不成功。package包已经放在Installed Packages目录下。但是还是不行啊。解决方法:选Preference->Setting User，有一个ignored_packages，把它的值中的“Package Control”去掉，立马就能看到有Package Control菜单了，真是波折啊，就一个设置。安装emmet看到如下界面就表示安装成功了下面看一个效果附上学习emmet快捷键的学习地址：https://docs.emmet.io/cheat-s…
Sublime Text3 是我最喜欢的一款代码编辑器，它轻量、简洁、高效、跨平台，丰富的插件为开发提供了许多的便利。它在支持语法高亮、代码补全、代码片段（Snippet）、代码折叠、行号显示、自定义皮肤、配色方案等所有其它代码编辑器所拥有的功能的同时，又保证了其飞快的速度！还有着自身独特的功能，比如代码地图、多种界面布局以及全屏免打扰模式等。 下图是我已经配置好的 Sublime Text3 界面，包含本篇文章所列出的一些插件的安装与配置。关注微信公众号“Web前端开发小K”，回复“sublime”，获取下载地址与提取码。下载成功后解压文件，运行文件夹下的 sublime_text.exe 文件，即可使用 Sublime Text3。（注意：有些插件依赖于 Node.js，如果你的电脑没有安装 Node.js，部分插件可能无法使用，请先去Node.js 官网下载并安装 Node.js）。下面我来介绍一下它的基本使用和一些常用插件的安装与配置。 首先去 Sublime Text 官网 下载应用并安装。一、基本操作1. 常用快捷键分屏：Shift + Alt + 数字查找：Ctrl + F替换：Ctrl + H定位到某行：Ctrl + G2. 修改插件安装位置插件默认安装的位置是 C 盘的 AppData 的目录，例如在我的电脑上：C:\Users\LIU\AppData\Roaming\Sublime Text 3\Packages修改位置：关闭 Sublime，找到想要安装插件的位置，新建一个 Data 的文件夹，把C盘目录下的 Packages 文件夹删除掉，再重新打开sublime → References → Browser Packages，就发现打开的文件夹就是新建的 Data 文件下的 Packages 了，之后通过 package control 安装插件都会存在这个路径下。之后如果将 Sublime Text 程序目录移动到其他电脑上，插件也会带着。3. 设置文件扩展名默认语法如果遇到 sublime 打开的文件与该文件实际的语法不符合，比如 .css 文件被解析成了 .less 文件（sublime 右下角有当前文件的语法格式），可以通过以下方式设置：View → Syntax → Open all with current extension as…4. 常用快捷键设置Preferences → Key Bindings。以下是我自己的一些设置（有些配置需要安装对应插件），可根据需求自行配置：[ {“keys”: [“ctrl+enter”],“command”: “open_in_browser”}, //在浏览器中打开 {“keys”: [“ctrl+o”],“command”: “prompt_open_file”}, //打开所在文件夹 {“keys”: [“ctrl+alt+h”],“command”: “htmlprettify”}, //html 格式化 {“keys”: [“ctrl+alt+j”],“command”: “js_format”}, // js 格式化 {“keys”: [“ctrl+alt+c”],“command”: “css_comb”}, // css 整理 {“keys”: [“ctrl+alt+shift+c”],“command”: “css_format”,“args”: {“action”: “compact”}}, // css格式化 {“keys”: [“shift+ctrl+enter”], “command”:“run_macro_file”, “args”:{“file”:“Packages/User/comma.sublime-macro”} }, {“keys”: [“ctrl+alt+shift+j”], “command”: “quote_html”}, // html 转 js]5. 主题配色可以去主题编辑网站 自己搭配主题颜色。编辑好后下载 .tmTheme 文件，放到 Sublime_Text3DataPackagesColor Scheme - Default 文件夹下。打开 sublime，Preferences → Color Scheme，设置对应配色文件。6. 关闭更新提示打开 References → Settings，添加：“update_check”:false7. 常用参数设置Preferences → Settings。以下是我自己的一些设置，可根据需求自行配置：{ “always_show_minimap_viewport”: true, “bold_folder_labels”: true, “caret_style”: “phase”, “color_scheme”: “Packages/Color Scheme - Default/liuzhenghe_color_scheme.tmTheme”, “fade_fold_buttons”: false, “font_face”: “Consolas”, “font_size”: 8, “ha_style”: “filled”, “highlight_line”: true, “highlight_modified_tabs”: true, “icons”: true, “ignored_packages”: [ “Vintage” ], “line_padding_bottom”: 3, “line_padding_top”: 3, “open_files_in_new_window”: true, “original_color_scheme”: “Packages/User/Color Highlighter/themes/liuzhenghe_color_scheme.tmTheme”, “overlay_scroll_bars”: “enabled”, “rulers”: [ ], “save_on_focus_lost”: true, “scroll_past_end”: true, “show_definitions”: false, “show_encoding”: true, “show_full_path”: false, “spell_check”: false, “tab_size”: 4, “theme”: “Boxy Solarized Dark.sublime-theme”, “translate_tabs_to_spaces”: true, “trim_trailing_white_space_on_save”: false, “word_wrap”: true, “update_check”:false}8. 在sublime text3 里面直接运行 js 脚本，调试控制台（需要安装 Node.js）Tools → Build System → New Build System… 添加代码：{ “cmd”: [“node”, “$file”], “selector”: “source.js”}保存，保存名为 Node.sublime-build，保存路径为DataPackagesUser文件夹下。新建 js 文件，直接 ctrl+b，就可以在控制台输出结果。 9. 自定义代码片段Tools → Developer → New Snippet。出现以下代码：<snippet> <content><![CDATA[Hello, ${1:this} is a ${2:snippet}.]]></content> <!– Optional: Set a tabTrigger to define how to trigger the snippet –> <!– <tabTrigger>hello</tabTrigger> –> <!– Optional: Set a scope to limit where the snippet will trigger –> <!– <scope>source.python</scope> –></snippet>在 CDATA[] 中编辑代码片段。$ 符号表示的是代码补全后光标出现的位置和顺序，比如 ${1:this}：意为光标在此第一次出现，默认值为 this，且该默认值被选中，如果有多个$1，则光标同时出现在此处，而默认值只按照第一个设置的值出现。下面定义了 ${2:snippet}，所以当修改了 $1 后，按 tab，则直接跳转到 $2 的位置，另外，如果需要显示 $ 符号，则需要在符号前面加 ‘’ 转义。去掉<tabTrigger></tabTrigger> 的注释，在标签中间添加“触发前缀”。Ctrl + s 保存，为了方便代码片段的管理，最好在当前目录下新建一个 Snippets 文件夹，将文件保存到该目录下。 tab +“触发前缀”，代码段自动补全，例：<snippet> <content><![CDATA[Hello, ${1:this} is a ${2:snippet}.]]></content> <!– Optional: Set a tabTrigger to define how to trigger the snippet –> <tabTrigger>hello</tabTrigger> <!– Optional: Set a scope to limit where the snippet will trigger –> <!– <scope>source.python</scope> –></snippet>二、Sublime 插件推荐package control 使用方法：下面插件推荐中有些插件通过 package control 可能安装不了，您可以点击下载我已经配置好的 Sublime Text3 程序目录，提取码：uswl ，直接复制插件出来到对应目录中去。 也可以去 packagecontrol 官网地址 查询下载。部分插件安装后无法使用，可能原因：没有安装NodeJS。安装 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。Ctrl + Shift + P 调出命令面板,查询并选择插件进行安装。1. emmet快速生成 html 基本结构。安装 emment 插件。Ctrl + N 新建一个文件。右下角有一个 plain text 标志，选择文件类型为 HTML。Ctrl + S 保存文件。输入 “!” + tab。2. terminal快速在当前文件夹下打开 cmd 窗口。快捷键：ctrl + shift + t。3. html5生成 html5 的页面结构。html5 + tab。4. AdvancedNewFile快速新建文件。5. JSFormatJavascript 的代码格式化插件。用法：选中 js 代码，ctrl + alt + f （可自定义快捷键）。6. HTML-CSS-JS Prettify代码格式化。方法：选中代码，右键，Prettify Code。7. Minifi该插件基于Google Closure compiler，自动压缩js文件。8. jQueryjQuery代码提示。9. DocBlockr生成优美注释。用法：输入 /*、/** + 回车10. AutoFileName快捷输入文件名。11. FileDiffs强大的比较代码不同工具。右键标签页，出现 FileDiffs Menu 或者 Diff with Tab… 选择对应文件比较即可。12. SideBarEnhancements侧栏右键功能增强。13. Autoprefixer自动补全 css3 属性前缀。属性名 + tab：14. SFTP直接编辑 FTP 或 SFTP 服务器上的文件。15. Markdown Preview预览 Markdown 文件。编辑好 Markdown 文件后，ctrl + b ，生成 html 文件。16. cssrempx 转换为 rem。Preferences → Package Settings → cssrem → Settings-Default。会出现下面代码：{ “px_to_rem”: 40, “max_rem_fraction_length”: 6, “available_file_types”: [".css", “.less”, “.sass”]}“px_to_rem”: 40, // px 转 rem 的单位比例，默认为40。“max_rem_fraction_length”: 6, // px 转 rem 的小数部分的最大长度，默认为6。“available_file_types”: [".css", “.less”, “.sass”] // 启用此插件的文件类型，默认为 [".css", “.less”, “.sass”]。一般只需要修改单位比例，单位比例 = 设计稿实际宽 / 10。17. sublime serve在本地服务器打开 html 文件。Tools –> SublimeServer –> Start SublimeServer。右键 –> View in SublimeServer。18. AllAutocomplete可以搜索全部打开的标签页。19. ColorHighlighter.css 文件显示颜色值的实际颜色。20. PlainTasks待办事项表。新建 .todo 文件。在标题后加冒号，新建项目。ctrl + i 新建待办事项。使用手册：Preferences → Package Settings → PlainTasks → Tutorial。21. TrailingSpaces去除代码末尾的空格键。 修改空格高亮色/保存时自动删除空格： Preferences → Package Settings → Trailing Spaces → Settings - User ，添加：{ “trailing_spaces_highlight_color” : “#fff”, “trailing_spaces_trim_on_save”: true,}22. CSScombcss 整理。功能很强大，能够整理 css 规则的顺序，比如把宽高、颜色、边距规则用空行分隔开，方便修改还能防止样式重复。 选中 css 代码，右键 Run CSScomb（也可自行配置快捷键）。23. CSS Formatcss 代码格式化。选中 css 代码，右键 CSS Formate –> Compact （也可自行配置快捷键）。24. SublimeLinter错误提示插件。25 CSSLint能检查CSS错误，提示重复等。26. Pretty JSON格式化 json。自定义快捷键：打开 Preference –> Key Bindings-User，添加格式化代码快捷键为 ctrl + alt + j。{“keys”: [“ctrl+alt+j”],“command”: “pretty_json”}27. IMESupport中文输入法跟随光标。28. Alignmentjs 等号对齐。自定义快捷键：打开 Preference –> Key Bindings-User，添加格式化代码快捷键为 ctrl + alt + t。{“keys”: [“ctrl+alt+t”], “command”: “alignment”}29. QuoteHTML把 HTML 拼接成 js 插入字符串。自定义快捷键：打开 Preference –> Key Bindings-User，添加格式化代码快捷键为 ctrl + alt + h。{“keys”: [“ctrl+alt+t”], “command”: “quote_html”} 30. Markdown Editingmarkdown 编辑插件。31. OmniMarkupPreviewermarkdown 实时预览。 配置：Sublime Text > Preferences > Package Settings > OmniMarkupPreviewer > Settings - User。快捷键：ctrl + alt + o，会自启一个本地服务器。{ “renderer_options-MarkdownRenderer”: { “extensions”: [“tables”, “fenced_code”, “codehilite”] }}32. Table Editormarkdown 自动完成表格并格式化，快捷键：tab。33. ConvertToUTF8解决 GBK 编码下的中文乱码问题。期待您的关注！ ...
sublime系列文章sublime text 3如何设置宏sublime text 3插件配置说明sublime text 3构建系统宏的定义一般来说,宏是一种规则或模式,或称语法替换,用于说明某一特定的输入(通常是字符串)如何根据预定义的规则转换成对应的输出(通常也是字符串).这种替换在预编译是进行,称作宏展开宏的作用上面那么多废话,其实就是用"一键"代替"多键",和封装一样Sublime_text_3如何实现宏举例:按下 = 后,实现等号两边带空格开始录制依次点击Tools->Record Macro,开始录制宏.(也可以使用快捷键ctrl+Q)录制随便找个文件,写下"空格=空格" //其实就是要实现的规则或模式结束录制+ Tools->Stop Recoding Macro(其实就是开始录制那个按钮,所以一样可以使用ctrl+Q)保存宏操作:Tools->Save Macro个人习惯保存在your sublime/Data/User/Macoro(没有就创建)/your_filename.sublime-macro这里我们假设我们保存your sublime/Data/User/Macoro/equal.sublime-macro给录制好的宏添加快捷键Preferences->Key bindings键入如下内容 { “keys”:["="],“command”:“run_macro_file”,“args”:{“file”:“Packages/user/Macoro/equal.sublime-macro”} }
sublime系列文章sublime text 3如何设置宏sublime text 3插件配置说明sublime text 3构建系统sublime text3 原生操作构建系统(Build Systems)添加php构建系统Tools->Bulid System->New Build System//添加如下json{// 用php.exe执行当前文件($file)// 由于这里是php.exe,要么填写完成路径,要么将php.exe添加到环境变量"cmd": [“php.exe”, “$file”],// 返回信息的格式"file_regex": “^.+ in (.+) on line ([0-9]+)”,// 自动匹配构建系统的时候,匹配的文件类型"selector": “source.php”}
A1.Alignment 1.1 作用:自动对齐插件 1.2 setting: { “align_indent”: false, “alignment_chars”: ["=", “:”], “alignment_space_chars”: ["=", “:”] }1.3 key bindings: 1.3.1 默认快捷键为ctrl+alt+a, //但是这个快捷键和QQ截图冲突 1.3.2 改成:[{ “keys”: [“ctrl+alt+f”], “command”: “alignment”}]1.4 如果没有起作用,将"mid_line_tabs"设为true2.AutoFileName2.1 作用:文件路径提示功能2.2 配置: 解决问题:subliem text3 输入斜杠"/“会自动删除 -> 在插件AFN的setting-user里添加一行,“afn_use_project_root”: true即可3.advancedNewFile3.1 作用:快速创建文件,能直接输入路径创建文件3.2 快捷键:windows:alt+ctrl+n Linux:super+alt+n4.AllAutocomplete4.1 作用:搜索全部打开的标签页B1.BracketHighlighter 1.1 作用:括号高亮(就是在数字前面能显示括号配对) 1.2 网上有更改配置,但是我懒得2.Browser Refresh2.1 保存文件自动刷新浏览器2.2 配置快捷键:Preferences > Package Settings > Browser Refresh > Key Bindings – Users{ “keys”: [“ctrl+s”], “command”: “browser_refresh”, “args”: { “auto_save”: true, “delay”: 0.0, “activate”: true, “browsers” : [“chrome”] }}C1.ColorPicker 1.1 作用:调出快捷面板,选取颜色 1.2 快捷键:ctrl+shift+c2.CTags作用:代码跳转安装安装ctags可执行程序http://prdownloads.sourceforge.net/ctags/ctags58.zip解压到一个目录(注意要是纯ASCII字符的目录不要带空格或中文命名的目录)假设我们解压在 D:Sublime_Text_Build_3176_x64ctags58 下安装Ctags插件打开Package Control,进入install,搜索CTags并安装(配置Ctags)打开Preferences->Package Settings->CTags->Settings - User在配置中输入{“command”: “D:/Sublime_Text_Build_3176_x64/ctags58/ctags.exe”, //这里输入你解压刚刚那个CTags库的路径"autocomplete”: “true”}使用右键文件夹列表,会出现Rebuild Tags选项,点击,生成.tags和.tags_sorted_by_file文件快捷键列表(也可以自定义快捷键)CommandKeyBindingAltBindingMouseBindingrebuild_ctagsctrl+t ctrl+r navigate_to_definitionctrl+t ctrl+tctrl+>ctrl+shift+left_clickjump_backctrl+t ctrl+bctrl+<ctrl+shift+right_clickjump_back_last_modificationctrl+t ctrl+m show_symbolsalt+s show_symbols multialt+shift+s show_symbols suffixctrl+alt+shift+s 3.Compare Side-By-Side3.1 作用:代码比对插件 1.1 作用:代码跳转 1.2 网上有自己配置的,个觉人得用鼠标挺好的,懒得改3.ConverToUTF83.1 作用:转码,但其实针对的是中文乱码3.2 安装完之后,在file选项下可以看见4.Clipboard Manager4.1 作用:剪切板历史4.2 操作:其余都正常,需要历史复制,只需要快捷键ctrl+k+v5.codeFormatter5.1 作用:格式化php代码5.2 配置:“codeformatter_php_path”: “php安装绝对路径/php.exe"5.3 快捷键:ctrl+alt+F,个人更改为ctrl+o,ctrl+f5.4 要求:对php的版本有要求,php版本必须在5.6.0及以上6.Csscomb6.1 作用:对CSS属性重新排序6.2 使用:鼠标右键D1.Docblockr 1.1 作用:补全注释 1.2 setting 类似如下配置,具体参数搜一下就有了 “jsdocs_extra_tags”: [ “Create By SublimeText3”, “@Author zjc”, “@Date {{date}}”, ]2.Djaneiro2.1 Djaneiro 支持 Django 模版和关键字高亮以及许多实用的代码片(snippets)功能E1.Emmet1.1 作用:有一套Emmet语法，可以快速创建HTML标签。1.2 按下Tab键，Emmet就能把一个缩写展开成一个HTML和CSS代码块F1.FindKeyConflicts用法作用查看sublime快捷键冲突运行这个插件可以通过在命令面板上指定命令来运行。命令命令按字母顺序列出，以修饰符（alt，cntl，shift，super）开头，后面跟着键。FindKeyConflicts：所有键盘映射到快速面板：FindKeyConflicts: All Key Maps to Quick Panel:在快速面板中显示所有键映射。选择一个条目将打开一个缓冲区，并提供有关键绑定的更多详细信息FindKeyConflicts：所有键映射到缓冲区：FindKeyConflicts: All Key Maps to Buffer:显示缓冲区中的所有键映射。FindKeyConflicts：（直接）冲突到快速面板：FindKeyConflicts: (Direct) Conflicts to Quick Panel:该命令查找所有直接键冲突，并将其显示在快速面板上。该命令下列出的最后一个软件包是正在运行的命令的来源，如果不受上下文的限制。选择一个特定的条目将打开一个关于该键绑定细节的缓冲区。FindKeyConflicts：（直接）冲突到缓冲区：FindKeyConflicts: (Direct) Conflicts to Buffer:在视图中显示键直接冲突。使用这将更好地了解命令如何冲突，因为命令的上下文将包含在输出中。列出的特定绑定的最后一个包是使用的命令，如果不受上下文的限制。FindKeyConflicts：重叠冲突：FindKeyConflicts: Overlap Conflicts:显示与缓冲区中的多个部分键绑定重叠的键绑定。例如，如果[“ctrl + t”]作为一个绑定而存在，并且[“ctrl + t”，“t”]作为另一个绑定存在，则会显示。FindKeyConflicts：所有冲突：FindKeyConflicts: All Conflicts:显示缓冲区中的所有冲突。这个选项将包括直接冲突和重叠冲突。FindKeyConflicts：单包冲突：FindKeyConflicts: Single Package Conflicts:显示涉及所选包的冲突。FindKeyConflicts：多包冲突：FindKeyConflicts: Multiple Package Conflicts:显示涉及所选软件包的冲突。选择（完成）当你完成选择包。您可以使用（查看选定）和（查看包）来查看选定的软件包和软件包列表。此外，您可以在查看所选软件包列表时按Enter键从选定列表中删除软件包。FindKeyConflicts：命令搜索：FindKeyConflicts: Command Search:显示包含键盘映射文件的软件包列表。选择软件包后，快速面板中将显示命令列表。从后续列表中选择一个命令将运行该命令。2.function name display2.1 作用: 这个插件可以在状态栏显示出当前光标处于哪个函数中3.FileBrowser作用:你可以在新的侧边栏访问到您的项目目录,并在你的手不离开键盘的情况下进行导航配置(最详细配置点这里)Keybindings文件{ “keys”: [“ctrl+o”,“ctrl+b”], “command”: “dired”, “args”: { “immediate”: true, “single_pane”: true, “other_group”: “left”, “project”: true}},// 打开跳转列表(仅限ST3){ “keys”: [“ctrl+o”,“ctrl+p”], “command”: “dired_jump_list” }2.Preferences-> Package Settings-> FileBrowser-> Settings -> User文件 { // 打开ST3时,没有任何页面显示,则自动打开跳转列表(仅限ST3) “dired_hijack_new_window”: “jump_list” , //是否显示隐藏文件 //“dired_show_hidden_files”: false, //根据是否匹配,决定是否显示隐藏文件 //“dired_hidden_files_patterns”: [”.", “pycache”, “.pyc”] , “dired_jump_points”: { “controllers”: “E:\WWW\Remote_fjrb\controllers\” }, // 打开ST3时,没有任何页面显示,则自动打开跳转列表(仅限ST3) “dired_hijack_new_window”: “jump_list”, //是否自动刷新 “dired_autorefresh”:true, //如果您想在文件列表顶部看到标题 “dired_header”:true, //如果您希望在标签标题中看到完整路径，并在标签为焦点的情况下在窗口标题中显示 “dired_show_full_path”:false, //改变配色方案 “color_scheme”:“Packages/User/SublimeLinter/Mariana (SL).tmTheme”, //改变字体 //“font_face”:“comic sans”, //更改字体大小 //“font_size”:11.5 //更改FileBrowser列的初始宽度（作为侧栏） // “dired_width”:250, //大约250像素 “dired_width”:0.2 //窗口的第五部分 }G1.GitGutter1.1 作用:改动文件时,它会在左侧显示行数的地方显示当前文件与最近一次提交时文件状态的不同H1.HTML-CSS-JS Prettify (需要node.js) 1.1 作用:格式化代码 1.2 Plugin Options { “node_path”: { “windows”: “D:/Program Files/nodejs/node.exe”, “linux”: “/usr/bin/nodejs”, “osx”: “/usr/local/bin/node” }, }IJ1.jQuery1.1 作用:jQuery代码提示KL1.Local History1.1 作用:每保存一次文件,就会产生一个文件的历史记录M1.Markdown Editing1.1 作用:使sublime text3支持Markdown格式(即:example.md)1.2 安装完就能用1.3 由于默认是白色为底的主题,会瞎了眼睛,所以需要配置一下,配置文件如下{“color_scheme”: “Packages/Color Scheme - Default/Mariana.sublime-color-scheme”,“line_numbers”: true, //显然这个是显示行号的。“draw_centered”: false, // 改为false，原始值为true"word_wrap": true,“wrap_width”: 120, // 每行字符数上限"rulers": [],}2.OmniMarkupPreviewer2.1 作用:2.1.1 即写即看,快捷键:ctrl+alt+o2.1.2 将标记导出为HTML,快捷键:ctrl+alt+x2.1.3 将标记复制为HTML,快捷键:ctrl+alt+c2.2 即写即看功能点击后出现4042.2.1 Sublime Text > Preferences > Package Settings > OmniMarkupPreviewer > Settings - User2.2.2 paste the following to remove the strikeout package.{“renderer_options-MarkdownRenderer”: { “extensions”: [“tables”, “fenced_code”, “codehilite”]}}3.Modific3.1 作用:标记代码的改变，支持git和svn3.2 除了高亮变化，还可以通过按Ctrl + Alt + D来查看或比较当前的代码与最近提交的代码之间的区别N1.nginx作用:nginx配置文件语法高亮(被动技能)OP1.PhalconPHP Completions1.1 作用:phalcon框架的函数,命名空间等自动补全2.PHPNinJaManual2.0 (已废弃)2.1 作用:php函数手册2.2 使用:在函数上右键3.Python PEP8 Autoformat3.1 作用:代码就会按PEP8要求自动格式化了3.2 快捷键:ctrl+shift+r4.pretty json4.1 作用:格式化JSON4.2 使用:用命令面板QR1.Requirementstxt作用:Requirementstxt 可以为你的 requirements.txt文件提供自动补全，语法高亮以及版本管理功能S1.SideBarEnhancements 1.1 作用:增强侧边栏 1.2 setting 1.2.1 在浏览器打开本地文件 复制当前打开文件的路径 { “keys”: [“ctrl+shift+c”], “command”: “copy_path” }, 这样写配置只是用浏览器打开本地文件,并不能实现通过服务器的方式打开 chrome { “keys”: [“f1”], “command”: “side_bar_files_open_with”, “args”: { “paths”: [], “application”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, //路径要自己改 “extensions”:"." //匹配任何文件类型 } }, firefox { “keys”: [“f2”], “command”: “side_bar_files_open_with”, “args”: { “paths”: [], “application”: “D:\Program Files\Mozilla Firefox\firefox.exe”, 路径要自己改 “extensions”:"." } }, 1.2.2 以服务器的方式在览器打开(如下配置好后,只要在文件上右键,Open in Browser) Preferences → Package Settings → Side Bar → Settings User,打开了Side Bar.sublime-settings文件 复制下列代码并保存 { “default_browser”: “firefox” one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 文件（右键单击） → Project → Edit Preview URLS（点击），则打开SideBarEnhancement.json文件 复制下面的代码，粘贴到SideBarEnhancement.json中，并保存。 { “/Applications/MAMP/htdocs/”:{ 服务器入口 “url_testing”: “http:localhost:80/”;, 测试服务器地址 “url_production”: “http:www.jianshu.com/”; 上架之后服务器地址,这里随便填就行了 } }2.SFTP2.1 作用:顾名思义,看不懂回家重修2.2 使用,在文件上右键->Map to Remote,会创建一个文件,很多参数,主要更改如下参数 type：是ftp还是sftp，自己填，这里填了port就会自动配的 host：就是ftp/sftp的服务器地址了 user：用户名 password：密码 port：type配了ftp默认是21，配了sftp默认是22，如果你端口特殊，那么就需要配置 remote_path：链接后默认打开的远程目录 ssh_key_file：这个是链接用的密钥，一般不用，我们链接服务器需要，所以我这里特别指出，要是没这功能，也就没这篇文章了，表扬作者，很强大{ sftp_flags：这个配置我没搞明白，我猜是连接后，可以在服务器上执行一些shell命令，作者是这么说的，我英文不好，没完全明白，我也没试过，如果有需要的同学可以自己试试，要是真是这功能，那就厉害了3.sublimeLinter作用:代码检查检查PHP安装sublimeLinter-php (如果环境变量里有php,不需要配置就直接能用,有环境变量)配置打开配置文件Preferences->Package Settings->SublimeLinter->Settings - User (如果为空复制一份Settings - Default 到Settings - User)配置php路径搜索paths，找到下面的windows，配置php的绝对路径，不需要指向php.exe配置什么时候进行检查其中的lint_mode，表示运行模式，可选的值有background, load/save, save only, 和 manualsave only，只有才保存时才进行检查 background是自动检查 mark_style，表示出错的显示样式(可选的值有"fill", “outline”, “solid underline”, “squiggly underline”, “stippled underline”, 和 “none”，默认值为outline)检查JavaScript安装sublimeLinter-jshint安装node.js打开终端,输入npm install -s jshint最新版不需要配置,到这就可以是用了_配置_(也就是网上所谓的写".jshintrc"文件):打开配置文件Preferences->Package Settings->SublimeLinter->Settings - User找到如下代码//没有可以自己写"jshint": { “@disable”: false, “args”: [], “excludes”: []},变更成如下"jshint": { “@disable”: false, “args”: [ “–config”, “F:\WWW\Gitee\software\Sublime_Text_Build_3143\Data\Packages\User\jshint.conf”], “excludes”: []},解释网上绝大多数的教程都说是要创建.jshintrc文件,然而windows下不能创建以".“开头的文件,也想办法创建出来了,就是不起作用.后来查找官网,得到如下内容You can configure jshint options in the way you would from the command line, with .jshintrc files. For more information, see the jshint docs. You may provide a custom config file by setting the linter’s “args” setting to [”–config", “/path/to/file”]. On Windows, be sure to double the backslashes in the path, for example ["–config", “C:\Users\Aparajita\jshint.conf”].官方明确说创建成jshint.conf的形式,也就是说,重要的是内容,而不是文件名所以,这里需要两件事,1. 需要有一个包好.jshintrc内容的文件(文件名重要,底下是找了一份还不错的文件) { “asi”: true , //控制“缺少分号”的警告 “boss”: true , //控制“缺少分号”的警告 “debug”: true ,//“debug”: true “evil”: true , //控制 eval 使用警告 “lastsemic”: true ,//检查一行代码最后声明后面的分号是否遗漏 “laxcomma”: true , //检查不安全的折行，忽略逗号在最前面的编程风格 “loopfunc”: true , //检查循环内嵌套 function “multistr”: true ,//检查多行字符串 “notypeof”: true , //检查无效的 typeof 操作符值 “sub”: true , //person[’name’] vs. person.name “supernew”: true , //new function () { … } 和 new Object; “validthis”: true //在非构造器函数中使用 this }2. 需要在"args"中明确指定出该文件的地址,同时windons下的地址是反斜杠,需要转义. 根据这两点才能得出上面的配置查CSS安装sublimeLiner-csslint安装node.js,安装过可以省略打开终端,输入npm install -s csslint配置完成,已经可以用了检查HTML安装sublimeLinter-contrib-htmlhint安装node.js,安装过可以省略打开终端,输入npm install -g xg-htmlhint配置完成,已经可以用了4.sublimeCodeIntel4.1 作用 4.1.0 由于sublime自带代码自动补全,所以有可能产生以下问题 >> 和sublime自身的代码补全冲突,发生错误 >> 不装的话,js又无法自动补全 4.1.1 代码自动补全(除JavaScript以外,其余需要配置环境) 4.1.2 跳转到变量(原来好像只能在当前文件内跳转,但是现在已经可以跨文件了),函数(alt+click)4.2 配置4.3 依赖:需要安装codeintel5.sublimegit作用:git操作将git协议切换成https协议在.git目录下找到config文件,用文本编辑器打开找到url对应的那一行,将url = git@github.com:manishnakar/polymer-demo.git;改成url = https://github.com/manishnaka… 即可6.sublimerge 36.1 作用:比较文件差异6.2 使用方法:"./Package/Sublime_Text3_Package_Sublimerge3.md"6.3 官方网站:https://www.sublimerge.com/sm3/?from2x7.SyncedSideBar7.1 作用:每次打开文件，侧边栏都会同步显示该文件所在目录树中的位置(如果打开的文件是目录树的子集，还能将目录树自动展开)7.2 使用:被动技能8.SublimeLinter-pyflakes8.1 作用:语法检查(其实是提供了pyflakes的接口)8.2 依赖:sudo pip install pyflakes8.3 配置:将pyflakes加入环境变量,不然就需要手动配置路径,不利于跨平台8.4 注意:代码没有问题,但是出现了黄色方框,那是由于代码不符合pep8标准9.SublimeLinter-pep89.1 作用:检查python代码是否符合pep8标准9.2 依赖:sudo pip install pep89.3 配置:将pep8加入环境变量,不然就需要手动配置路径,不利于跨平台T1.TortoiseSVN1.1 作用:SVN1.2 要求:要安装TortoiseSVN客户端1.3 更改setting(这个很简单)1.4 其他很简单2.Terminal2.1 作用:调用终端2.2 配置:我没改,使用默认2.3 快捷键:ctrl+shift+t3.Trailing spaces__已经没必要使用:__因为sublime text 3的配置里可以设置保存的时候删除多余的空格//一般建议不开,因为这样在代码比对的时候会产生非常多的不匹配代码 “trim_trailing_white_space_on_save”: true,作用:检测并一键去除代码中多余的空格使用:没有设置快捷键,对于频率比较低的插件,直接使用ctrl+shift+p,调出命令模板,然后输入插件名即可UVWX1.Xdebug Clientphp安装Xdebug新建一个phpinfo.php文件,键入如下代码<?phpphpinfo();?>在浏览器中打开phpinfo.php文件然后右键查看源码，然后将所有代码复制到这里https://xdebug.org/wizard.php…上述页面分析完源代码之后,会在最下面告诉你需要下载的版本以及需要将其放到哪里，修改什么内容配置PHP修改php.ini文件,添加如下内容[xdebug]; 扩展地址zend_extension="..\ext\php_xdebug.dll"; 我用phpstudy配置的,这个是自带的xdebug.profiler_output_dir=“D:\phpStudy\PHPTutorial\tmp\xdebug"xdebug.trace_output_dir=“D:\phpStudy\PHPTutorial\tmp\xdebug”; 这个是看文档上所需要的配置xdebug.remote_enable=truexdebug.collect_params=3;xdebug.collect_return=1xdebug.collect_vars=1xdebug.collect_assignments=1xdebug.collect_includes=1xdebug.trace_format=0xdebug.auto_trace=0;xdebug.trace_options=1;xdebug.profiler_enable = off;xdebug.profiler_enable_trigger = off;xdebug.profiler_output_name =cachegrind.out.%t.%pxdebug.trace_output_name=trace.%H%R%t;xdebug.show_local_vars=1xdebug.remote_handler = dbgpxdebug.remote_host= localhostxdebug.remote_port = 9001xdebug.cli_color=2xdebug.show_exception_trace=0xdebug.show_mem_delta=1xdebug.var_display_max_children=-1xdebug.var_display_max_data=-1xdebug.var_display_max_depth=6检查Xdebug安装是否成功在浏览器中打开phpinfo.php文件看是否显示Xdebug内容Sublime_Text3 安装Xdebug插件Ctrl+Shift+P,输入install,并点击Package Control：Install Package,打开插件管理输入xdebug,选择__XDebug Client__插件配置XDebug插件由于Sublime Text 3不允许修改默认设置，仅允许我们修改用户设置，因此需要生成一份XDebug的用户设置后再修改。打开Preferences菜单下的Package Settings二级菜单下Xdebug三级菜单中的“Settings - Default”，复制该窗口的所有内容打开Preferences菜单下的Package Settings二级菜单下Xdebug三级菜单中的“Settings - User”，粘贴上一步复制的所有内容修改第18行"url"配置为 // 也就是根目录 “url”: “http://127.0.0.1/",修改第30行"port"配置为 // 该端口和前面配置php.ini文件设置的端口是一致的 “port”: 9999,方法二也可以配置项目Project->Edit Project在打开的文件中,键入如下内容{“folders”:[ { // 这个地址打开的时候就有 “path”: “E:\WWW” }],// 一下是需要新增的内容"settings”:{ “xdebug”: { // 跟踪的路径 “url”: “http://localhost/”, “super_globals”: true, “close_on_stop”: true, // 跟踪的端口 “port”:9001 }}}通过上述方法一或方法二配置后就可以调试了调式PHPXDebug Client调试快捷键：Ctrl+F8: 填加/删除断点Ctrl+Shift+F5: 运行到下一个断点Ctrl+Shift+F6: 单步Ctrl+Shift+F7: 步入Ctrl+Shift+F8: 步出YZ ...
sublime正则批量替换.find-and-replace-sublime<a href="(.*?)">
在zsh下打开前端常见编辑器1. .zshrc为zsh相关配置文件，先打开配置文件vim .zshrc2. 添加如下代码，具体路径可能不一致alias atom=’/Applications/Atom.app/Contents/MacOS/Atom’alias subl=’/Applications/SublimeText.app/Contents/SharedSupport/bin/subl’alias code=’/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code'3. 重启即可使用，比如用sublime打开当前目录subl ./注意： finder中显示路径可以在终端中执行下面这行代码defaults write com.apple.finder _FXShowPosixPathInTitle -bool TRUE;killall Finder
今天从Sublime Text官网下载了Sublime Text3，安装后可以直接使用，但是使用时会弹出要求注册的窗口，实在是令人心烦，于是就在网上找解决该问题的方法，现在就将Sublime Text3激活的方法分享给大家。首先去官网下载Sublime Text3下载地址或者直接百度sublime下载后就一直下一步安装安装后是未注册的，如下图：接下来使用下面的注册码注册注册码：—– BEGIN LICENSE —–sgbteamSingle User LicenseEA7E-11532598891CBB9 F1513E4F 1A3405C1 A865D53F115F202E 7B91AB2D 0D2A40ED 352B269B76E84F0B CD69BFC7 59F2DFEF E267328F215652A3 E88F9D8F 4C38E3BA 5B2DAAE4969624E7 DC9CD4D5 717FB40C 1B9738CF20B3C4F1 E917B5B3 87C38D9C ACCE7DD85F7EF854 86B9743C FADC04AA FB0DA5C0F913BE58 42FEA319 F954EFDD AE881E0B—— END LICENSE ——OK，注册成功！