当前位置: 首页 > Web前端 > HTML5

Sublime配置和使用技巧

时间:2023-04-05 19:01:40 HTML5

如果需要vim配置,可以移步到web前端和node开发者的vim配置。Sublime3配置及使用技巧第一步是设置settings,这是我个人最喜欢的格式配置,在perferences->settings{"color_scheme":"Packages/User/SublimeLinter/MarkdownEditor-Dark(SL).tmTheme",//颜色样式"font_size":16,//字体大小"indent_using_spaces":true,//缩进空格"tab_size":2,//一次缩进2个空格"translate_tabs_to_spaces":true,//制表符是自动的转换为空格"trim_trailing_white_space_on_save":true,//保存时去除尾部多余的空格"expand_tabs_on_save":true,//保存重写tab设置时"shift_tab_unindent":true,//使shift+tab等同于command+{快捷键"spell_check":true,//启用拼写检查"line_numbers":true,//显示行号"folder_exclude_patterns":[".svn",".git",".hg","CVS","node_modules"],//忽略查找元素"ignored_pa??ckages":["Vintage"],//忽略使用的插件"ensure_newline_at_eof_on_save":true,//确保文件末尾有空行"save_on_focus_lost":true,//失去焦点时保存"atmic_save":true//自动保存}关于expand_tabs_on_save,我们需要添加额外的python代码,方法如下:1.打开sublime的Preference->BrowserPackages...2.新建目录ExpandTabsOnSave3。创建一个新文件ExpandTabsOnSave.py4。将以下内容复制进去,保存importsublime,sublime_plugin,osclassExpandTabsOnSave(sublime_plugin.EventListener):defon_pre_save(self,view):ifview.settings().get('expand_tabs_on_save')==1:view.window().run_command('expand_tabs')后跟markdown设置:{"color_scheme":"Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",//颜色样式"tab_size":2,//一次缩进2个空格"translate_tabs_to_spaces":true,//tabs自动转换为空格"trim_trailing_white_space_on_save":true,//保存时去掉尾部多余的空格"auto_match_enabled":true,//自动匹配标签//布局"draw_centered":false,//禁用居中alignment"wrap_width":0,//自动换行,无默认线宽//Line"line_numbers":true,//显示行号"highlight_line":true//高亮当前行}第二步,安装packagecontrolhttps:///packagecontrol.io/ins...点击ctrl+~(或者点击菜单view-->showconsole),将上面链接中图片中的部分复制粘贴,回车第三步,安装插件。安装方法一:快捷键ctrl+shift+p(mac:command+shift+p),输入installpackage回车,然后输入你要安装的包名,回车;安装方式二:当然你也可以打开BrowsePackages文件夹,然后去github等平台clone相关插件放到这里。无论哪种方式,安装完记得重启sublime(不是所有的插件都要重启,不过重启一下就可以了)。这里只是我使用的一些插件。如果你知道更好的请推荐*SublimeLinter:新版本不是简单的把所有的Linters放在一个包里,而是让用户在升级的时候可以选择安装自己常用的Linters;*Emmet:html+css插件,简化输入,快速匹配,前端开发必装;*javascriptNext:ES6语法插件(当然也可以用Babel,这个功能更强大);Babel:这个比上一个更强大;css3_syntax:css3语法库;SassBuild:Sass插件,命令+B激活;SideBarEnhancements:丰富的侧边栏右键菜单;git:将Git集成到Sublime中,让你可以在SublimeText中运行Git命令;markdown编辑:markdown语法;markdownPerview:降价预览;MarkdownTOC:自动生成Markdown文档目录colorHighlighter:颜色选择和颜色预览;DocBlockr:生成文档范式,帮助添加标准注释块;Less:更少的语法高亮;less2cssless转换为cssSublimeCodeIntel:自动填充,支持几乎所有语言;Autoprefixer:自动添加css浏览器兼容前缀;AngularJS:AngularJS语法库;jsFormat:javascript序列化;cssFormat:css序列化;YUICompressor:代码压缩;fixmac路径:修复mac下插件包路径问题tern_for_sublime:cursor-assistedoperationSublimeREPL:Python编译运行插件less2css在mac下需要less包,可以按照需要安装:>npminstallless-gd>npminstallless-gless-plugin-autoprefix>npminstallless-gless-plugin-clean-cssless2csswindows下需要安装lessc和配置环境变量其他删除库的方法:在perferences->BrowsePackages中删除对应的文件夹;方法二:快捷键ctrl+shift+p(mac:command+shift+p),输入removepackage回车,然后输入(找到)要删除的包名,回车不管什么方法,删掉后记得重启sublime(不是所有的插件都要重启,不过重启也无妨)快捷键注:图片来自网络文件操作mac快捷键win/linux快捷键功能说明?Nctrl+N创建一个新文件?Octrl+O打开文件?Sctrl+S保存文件??Sctrl+shift+S另存文件??S---保存所有文件?WCtrl+W关闭当前文件文本编辑mac快捷键win/linux快捷键功能说明?Actrl+A全选?Cctrl+C复制?Xctrl+X剪切?Vctrl+V粘贴?/ctrl+/评论??/ctrl+shift+/块注释?Zctrl+Z撤消?Yctrl+Y重做撤消???Ctrl+Shift+Enter在当前行前插入新行??Ctrl+Enter在当前行后插入新行^?KCtrl+Shift+K删除行??DCCtrl+Shift+D复制(多行)行?Jctrl+J合并(多行)行?KKCtrl+K+K从光标处删除到行尾?K?从光标处删除到行首行?KUctrl+K+U到大写?KLctrl+K+L到小写??VCtrl+Shift+V粘贴和自动缩进??VCtrl+K+V从历史中选择粘贴?]tab右缩进?[shift+tab向左缩进?^↑/↓Ctrl+shift+↑/↓交换2行位置??]Ctrl+shift+]展开选项卡??[Ctrl+shift+[折叠关闭选项卡??KJCtrl+K+J展开所有Tab??KTCtrl+K+T收起Tab属性??KnCtrl+K+n折叠n级标签光标、选择操作mac快捷键win/linux快捷键功能说明?Uctrl+U软撤销(可以撤销光标移动)??Uctrl+shift+U软重做(可以重做光标移动)?Lctrl+L选择行(重复按下可以将下一行添加到选择中)?DCtrl+D选择单词(重复按下可以选择同一个单词进行多次编辑)?↑/↓shift+↑/↓上/下选择多行。?←/→Shift+←/→左/右选择文本。^?Mctrl+shift+M将选区扩展到对应的括号^?Actrl+shift+A将选区扩展到对应的标签^?Actrl+shift+Space将选区扩展到对应的范围^?↑/↓ctrl+↑/↓将选择范围扩展到文件的开头/结尾。??LCtrl+Shift+L将选择转换为多个单行选择^?←/→Ctrl+Shift+←/→左/右单一选择文本。^-ctrl+-光标跳回到上一个位置^?-ctrl+shift+-光标恢复位置?←/→Ctrl+←/→单向左移动光标,快速移动光标。??↑/↓Ctrl+Alt+↑/↓Up/Down添加多行光标,可以同时编辑多行。查找替换操作mac快捷键win/linux快捷键功能说明?fctrl+f查找??fchrl+h查找替换??g---查找与当前选择匹配的下一个内容?^g---查找全部matchesMulti-edit当前选中的内容??Fctrl+shift+f在所有打开的文件中搜索Window操作mac快捷键win/linux快捷键功能说明??NCtrl+Shift+N打开一个新的sublime窗口??WCtrl+Shift+W关闭窗口?^FF11全屏??^FShift+F11全屏免打扰模式,只编辑当前文件??[1,2,3,4,5,8,9]Alt+Shift+[1,2,3,4,5]分割窗口为:单列、双列、三列、四列、网格、双列、三列^[1,2,3,4]ctrl+[1,2,3,4]移动焦点到对应组(分屏号)^?[1,2,3,4]ctrl+shift+[1,2,3,4]将当前文件移动到对应组(分屏号)跳转操作mac快捷键win/linux快捷键功能说明?[1,2,3,4]alt+[1,2,3,4]选择对应的tab页^Tabctrl+tab切换回来到打开的窗口File^?Tabctrl+shift+tab在窗口中打开文件切换回去?Pctrl+P跳转到所有内容?T---转到文件?^P---转到项目?Rctrl+R转到符号??Pctrl+shift+P转到符号项目符号^Gctrl+G转到行^-Alt+G向后^?-Alt+shift+G向前?KBCtrl+K+B切换侧边栏^~ctrl+~打开控制台EscEscExitCursorMultiline选择、退出搜索框、命令框等^Mctrl+M跳转到相应括号