sublime配置及使用技巧

如果需要 vim 配置,可以移步 面向 web 前端及 node 开发人员的 vim 配置

sublime 3 配置和使用技巧

第一步,设置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,  //tab自动转化为空格
  "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_packages": ["Vintage"],   //忽略使用的插件
  "ensure_newline_at_eof_on_save": true,  //确保文件结尾有一个空行
  "save_on_focus_lost": true,        //失去焦点时储存
  "atmic_save": true                 //自动存储
}

关于expand_tabs_on_save,我们需要额外添加python代码,方法如下:
1.打开sublime的Preference -> Browser Packages …
2.新建一个目录ExpandTabsOnSave
3.新建文件ExpandTabsOnSave.py
4.把下面内容复制进去,保存

import sublime, sublime_plugin, os

class ExpandTabsOnSave(sublime_plugin.EventListener):
  def on_pre_save(self, view):
    if view.settings().get('expand_tabs_on_save') == 1:
      view.window().run_command('expand_tabs')

其次附上 markdown settings:

{
  "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",   //颜色风格

  "tab_size": 2,   //一次缩进2个空格
  "translate_tabs_to_spaces": true,   //tab自动转化为空格
  "trim_trailing_white_space_on_save": true,   //保存时去除尾部多余空格
  "auto_match_enabled": true,   //自动匹配标签

  // Layout
  "draw_centered": false,    //禁用居中对齐
  "wrap_width": 0,    //自动换行,没有默认行宽度

  // Line
  "line_numbers": true,    //显示行号
  "highlight_line": true   //高亮当前行
}

第二步,安装package control

https://packagecontrol.io/ins…

《sublime配置及使用技巧》

点击ctrl + ~(或者点击菜单view –> show console) ,复制粘贴上面链接中图里的部分,回车即可。

第三步,安装插件

安装方法一:快捷键ctrl+shift+p(mac: command+shift+p),输入install package回车,然后输入你想安装的包的名称,回车;

安装方法二:当然你也可以打开Browse Packages文件夹,然后去github等平台clone下相关插件放在这里即可。

不管哪个方法,装完记得重启sublime(并不是所有插件都要重启,但重启一下也无妨)

这里仅列举我常用的一些插件,如果你知道有更好的一欢迎推荐

  • *Sublime Linter: 新版本不是简单地把所有的Linter放在一个包中,而是允许用户在升级时选择并安装自己经常使用的Linter;
  • *Emmet: html+css插件,简化输入,快速匹配,前端开发必装;
  • *javascriptNext: ES6语法插件(当然,也可以用Babel,这个功能更强大);
  • Babel: 这个比上一个更强大;
  • css3_syntax: css3语法库;
  • Sass Build: Sass插件,command + B激活使用;
  • SideBarEnhancements: 丰富侧边栏右键菜单;
  • git: 将Git整合进Sublime,使你可以在SublimeText中运行Git命令;
  • markdown Editing: markdown语法;
  • markdown Perview: markdown预览;
  • MarkdownTOC: 为 Markdown 文档自动生成目录
  • colorHighlighter: 取色和颜色预览;
  • DocBlockr: 生成文档范式,有助于添加标准注释块;
  • Less: less 语法高亮;
  • less2css less 转换为 css
  • SublimeCodeIntel: 自动填充,支持几乎所有语言;
  • Autoprefixer: 自动添加css浏览器兼容前缀;
  • AngularJS: AngularJS 语法库;
  • jsFormat: javascript序列化;
  • cssFormat: css序列化;
  • YUI Compressor: 代码压缩;
  • fix mac path: 修复 mac下插件包路径问题
  • tern_for_sublime: 光标辅助操作
  • SublimeREPL: Python 编译运行插件

less2css 在 mac 下需要 less 包,可以根据需要安装:

> npm install less -gd
> npm install less -g less-plugin-autoprefix
> npm install less -g less-plugin-clean-css

less2css 在 windows 下需要安装 lessc 并配置环境变量

其他

删除库

方法1:在perferences -> Browse Packages中删除对应文件夹即可;

方法2:快捷键ctrl+shift+p(mac: command+shift+p),输入remove package回车,然后输入(找到)你想删除的包的名称,回车。

不管哪个方法,删完记得重启sublime(并不是所有插件都要重启,但重启一下也无妨)

快捷键

《sublime配置及使用技巧》

注: 图片来自网络

  1. 文件操作
mac快捷键win/linux快捷键功能描述
⌘Nctrl + N新建文件
⌘Octrl + O打开文件
⌘Sctrl + S保存文件
⌘⇧Sctrl + shift + S另存文件
⌘⌥S保存全部文件
⌘WCtrl + W关闭当前文件
  1. 文本编辑
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删除行
⌘⇧DCtrl + 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展开全部标签
⌘⌥KTCtrl + K + T折叠标签属性
⌘⌥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 + ↑/↓向上/下添加多行光标,可同时编辑多行。

查找替换操作

mac快捷键win/linux快捷键功能描述
⌘fctrl + f查找
⌘⌥fchrl + h查找并替换
⌘⌥g查找下一个符合当前所选的内容
⌘^g查找所有符合当前选择的内容进行多重编辑
⌘⇧Fctrl + shift + f在所有打开的文件中进行查找

窗口操作

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]选择相应的标签页
^Tabctrl + tab向后切换窗口内打开的文件
^⇧Tabctrl + shift + tab向后切换窗口内打开的文件
⌘Pctrl + P跳转到一切
⌘T前往文件
⌘^P前往项目
⌘Rctrl + R前往符号
⌘⇧Pctrl + shift + P前往符号项目内符号
^Gctrl + G前往行
^-Alt + G后退
^⇧-Alt + shift + G前进
⌘KBCtrl + K + B开关侧栏
^~ctrl + ~打开控制台
EscEsc退出光标多行选择,退出搜索框,命令框等。
^Mctrl + M跳转至对应的括号
    原文作者:Faremax
    原文地址: https://segmentfault.com/a/1190000016330840
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注