资讯专栏INFORMATION COLUMN

sublime配置及使用技巧

LoftySoul / 1142人阅读

摘要:第三步,安装插件安装方法一快捷键,输入回车,然后输入你想安装的包的名称,回车安装方法二当然你也可以打开文件夹,然后去等平台下相关插件放在这里即可。

如果需要 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...

点击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(并不是所有插件都要重启,但重启一下也无妨)

快捷键

注: 图片来自网络

文件操作

mac快捷键 win/linux快捷键 功能描述
⌘N ctrl + N 新建文件
⌘O ctrl + O 打开文件
⌘S ctrl + S 保存文件
⌘⇧S ctrl + shift + S 另存文件
⌘⌥S --- 保存全部文件
⌘W Ctrl + W 关闭当前文件

文本编辑

mac快捷键 win/linux快捷键 功能描述
⌘A ctrl + A 全选
⌘C ctrl + C 复制
⌘X ctrl + X 剪切
⌘V ctrl + V 粘贴
⌘/ ctrl + / 注释
⌘⌥/ ctrl + shift + / 块注释
⌘Z ctrl + Z 撤销
⌘Y ctrl + Y 恢复撤销
⌘⇧↩ Ctrl + Shift + Enter 在当前行前插入新行
⌘↩ Ctrl + Enter 在当前行后插入新行
^⇧K Ctrl + Shift + K 删除行
⌘⇧D Ctrl + Shift + D 复制(多)行
⌘J ctrl + J 合并(多)行
⌘KK Ctrl + K + K 从光标处删至除行尾
⌘K⌫ 从光标处删除至行首
⌘KU ctrl + K + U 改为大写
⌘KL ctrl + K + L 改为小写
⌘⇧V Ctrl + Shift + V 粘贴并自动缩进
⌘⌥V Ctrl + K + V 从历史中选择粘贴
⌘] tab 向右缩进
⌘[ shift + tab 向左缩进
⌘^↑/↓ Ctrl + shift + ↑/↓ 交换2行位置
⌘⌥] Ctrl + shift + ] 展开标签
⌘⌥[ Ctrl + shift + [ 折叠关闭标签
⌘⌥KJ Ctrl + K + J 展开全部标签
⌘⌥KT Ctrl + K + T 折叠标签属性
⌘⌥Kn Ctrl + K + n 折叠第n级标签
光标、选区操作
mac快捷键 win/linux快捷键 功能描述
⌘U ctrl + U 软撤销(可撤销光标移动)
⌘⇧U ctrl + shift + U 软重做(可重做光标移动)
⌘L ctrl + L 选择行(重复按下将下一行加入选择)
⌘D Ctrl + D 选择词(重复按下时多重选择相同的词进行多重编辑)
⇧↑/↓ shift + ↑/↓ 向上/下选中多行。
⇧←/→ Shift + ←/→ 向左/右选中文本。
^⇧M ctrl + shift + M 扩展选区至对应的括号
^⇧A ctrl + shift + A 扩展选区至对应的标签
^⇧A ctrl + shift + Space 扩展选区至对应的作用域
^⇧↑/↓ ctrl + ↑/↓ 扩展选区至文件开头/结尾。
⌘⇧L Ctrl + Shift + L 将选区转换成多个单行选区
^⇧←/→ Ctrl + Shift + ←/→ 向左/右单位性地选中文本。
^- ctrl + - 光标跳回上一个位置
^⇧- ctrl + shift + - 光标恢复位置
⌥←/→ Ctrl + ←/→ 向左单位性地移动光标,快速移动光标。
⌘⇧↑/↓ Ctrl + Alt + ↑/↓ 向上/下添加多行光标,可同时编辑多行。
查找替换操作
mac快捷键 win/linux快捷键 功能描述
⌘f ctrl + f 查找
⌘⌥f chrl + h 查找并替换
⌘⌥g --- 查找下一个符合当前所选的内容
⌘^g --- 查找所有符合当前选择的内容进行多重编辑
⌘⇧F ctrl + shift + f 在所有打开的文件中进行查找
窗口操作
mac快捷键 win/linux快捷键 功能描述
⌘⇧N Ctrl + Shift + N 打开一个新的sublime窗口
⌘⇧W Ctrl + Shift + W 关闭窗口
⌘^F F11 全屏
⌘⇧^F Shift+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 ctrl + tab 向后切换窗口内打开的文件
^⇧Tab ctrl + shift + tab 向后切换窗口内打开的文件
⌘P ctrl + P 跳转到一切
⌘T --- 前往文件
⌘^P --- 前往项目
⌘R ctrl + R 前往符号
⌘⇧P ctrl + shift + P 前往符号项目内符号
^G ctrl + G 前往行
^- Alt + G 后退
^⇧- Alt + shift + G 前进
⌘KB Ctrl + K + B 开关侧栏
^~ ctrl + ~ 打开控制台
Esc Esc 退出光标多行选择,退出搜索框,命令框等。
^M ctrl + M 跳转至对应的括号

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113895.html

相关文章

  • sublime配置使用技巧

    摘要:第三步,安装插件安装方法一快捷键,输入回车,然后输入你想安装的包的名称,回车安装方法二当然你也可以打开文件夹,然后去等平台下相关插件放在这里即可。 如果需要 vim 配置,可以移步 面向 web 前端及 node 开发人员的 vim 配置 sublime 3 配置和使用技巧 第一步,设置settings 一下是我个人喜欢的格式配置,在perferences -> settings { ...

    kumfo 评论0 收藏0
  • sublime配置使用技巧

    摘要:第三步,安装插件安装方法一快捷键,输入回车,然后输入你想安装的包的名称,回车安装方法二当然你也可以打开文件夹,然后去等平台下相关插件放在这里即可。 如果需要 vim 配置,可以移步 面向 web 前端及 node 开发人员的 vim 配置 sublime 3 配置和使用技巧 第一步,设置settings 一下是我个人喜欢的格式配置,在perferences -> settings { ...

    kgbook 评论0 收藏0
  • 前端开发 VS Code 上手使用

    摘要:如果想配置开发工具面向前端及开发人员的配置如果想配置开发工具配置及使用技巧所谓网红编辑器,我觉得比来的更爽,因为的所有操作和插件,对于来说也就是一个插件就能无缝兼容。作为一个前端开发,开箱即用的代码编辑高亮提示都十分友好。 如果想配置 sublime 开发工具 => 面向web前端及node开发人员的vim配置 如果想配置 vim 开发工具 => sublime配置及使用技巧 所谓网红...

    Ocean 评论0 收藏0
  • 一个前端程序猿的Sublime Text3的自我修养

    摘要:效果如下配置方法参考下的配置方法完美支持提供了比默认更好的语法高亮,而且他完美支持。语法高亮默认安装的对的支持让人抓狂,帧动画别开玩笑了你只会看到一片白色的纯文本一样的代码。事实上不光,我建议用完全替代原来的来完成语法高亮。 文章转载自本人的博客《三省吾身丶丶》点击查看喜欢的话请疯狂的推荐吧! ^_^ 本文章会在本人有插件或者设置更新时,进行不定时更新 偷懒了,图片地址直接设置的博客...

    KunMinX 评论0 收藏0
  • 我的 Sublime text 插件配置

    摘要:首先,我应该正确安装了。外观是最重要的,一个好的主题会让你爱上完美。默认情况下安装成功后快捷键不是很好用且只有一个创建文件的快捷键,建议你覆盖默认快捷键配置。若你没有把及加入环境变量,你可能要在的配置文件中指定及的执行路径。 首先,我应该正确安装了 Package Control。 Material Theme 外观是最重要的,一个好的主题会让你爱上完美。这里推荐 Material T...

    WrBug 评论0 收藏0

发表评论

0条评论

LoftySoul

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<