欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

sublime text3插件快捷键

程序员文章站 2022-05-30 18:46:25
...

下载地址:https://www.sublimetext.com/3

插件管理器

默认安装之后,perferences 里面并没有Package Settings和Package Control。则无法安装插件。
使用快捷键ctrl+`调出控制台,粘贴以下代码:

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())

或者点击这里,复制相应版本的安装插件管理器的代码。
正常情况下会安装成功,如果有报错,再试一遍或者重新搜索以上代码。安装完成之后,perferences 里面就有了Package Settings和Package Control。

插件安装

安装步骤

调出Package Control(快捷键:ctrl+shift+p),输入install,无需输完,下面就有了,选中install Package,如下图:
sublime text3插件快捷键
选中之后,会先出现,左下角下图所示的一个安装过程
sublime text3插件快捷键
之后会出现一个框,再输入所需要安装的插件,如安装Emmet
sublime text3插件快捷键
待安装完之后,出现下图,则安装成功
sublime text3插件快捷键
安装任何一个插件都需要重复走上面这个过程。

语言包 localizedMenu

默认安装之后,是英文版。安装localizedMenu,安装完之后,默认还是英文,可选择需要的语言。

Emmet

HTML/CSS代码快速编写插件,原名:Zen Coding。使用文档,可看这里

A File Icon

侧边栏文件图标

CodeFormatter

代码格式化,使用快捷键ctrl+alt+f格式化代码,不过只能格式化指定的文件。大致有:js/json(js的json,npm的json不行)/html/css/scss/less/python/php

Vue Syntax Hightlight

vue 语法高亮

Autoprefixer CSS

css的浏览器兼容性书写,会自动解析css文件,配置需要兼容的浏览器,这个插件需要node的支持。安装完之后需要配置,具体配置如下:
1. 打开 设置(N)/Package settings/Autoprefixer 在User里面添加要兼容的浏览器,写法(例子)如下:

{
    "browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]
}

其写法的解释,看以下表格,以下出现的数字可自定义:

写法 解释
last 2 versions 每一个主要浏览器的最后2个版本
last 2 Chrome versions 谷歌浏览器的最后两个版本
5%
市场占有量大于5%
5% in US
美国市场占有量大于5%
ie 6-8 ie浏览器6-8
Firefox > 20 火狐版本>20
Firefox >= 20 火狐版本>=20
Firefox < 20 火狐<20
Firefox <= 20 火狐<=20
iOS 7 指定IOS 7浏览器

2. 快捷键设置。打开 设置(N)/热键设置 ,左边Default里面有几百个热键,有兴趣可自行研究;在右侧User中添加以下代码,快捷键可自定义,不和右边的冲突就好:

    { "keys": ["ctrl+alt+p"], "command": "autoprefixer" }
  1. 在写完css之后,使用快捷键(第二步设置的)ctrl+alt+p自动添加兼容性代码。

HTML-CSS-JS Prettify

代码格式化,需要依赖于node.js。如果下载的node.js不是在默认路径,则需要改HTMLPrettify.sublime-settings里面设置的node路径为电脑上的所在路径,否则会报错。用法:选中要格式化的代码,右键选择HTML/CSS/JS Prettify,然后Prettify Code。

Color Highlight

css颜色插件。这个只能显示颜色,不能选择颜色。另外一个Color Hihlighter功能强大,可选择颜色,也可自定义触发颜色显示的事件,不过对于sublime最近的几个版本,不支持,详情可看这里

DocBlockr

快速生成注释说明。用法:输入/**后按回车,生成块注释;如果按shift+enter则生成行内注释。具体用法可点击这里

更多

点击这里可搜索自己想要的插件

快捷键

  1. 选中相关:
    1. alt+F3:选中所有相同文本,使其获得光标可进行修改(find_all);
    2. F3/ctrl+F3:find_next;
    3. shift+F3/ctrl+shift+F3:find_prev;
    4. ctrl+shift+m:选中当前()/{}内的文本;
    5. ctrl+d:选中光标所占的文本,继续操作则会选中下一个相同的文本。
  2. ctrl+l/shift+↓:选中当前行,再按再依次往下选中;向上选中:shift+↑
  3. 对当前行的一些操作:
    1. ctrl+shift+↑:将当前行与上一行交换;与下一行交换:ctrl+shift+↓;
    2. ctrl+shift+d:复制当前行到下一行。
    3. ctrl+x:剪切当前行;ctrl+c复制当前行;
    4. ctrl+shift+k:删除当前行;
    5. ctrl+k+k:删除当前行光标所处位置后面的部分;
  4. 折叠代码:ctrl+shift+[;展开代码:ctrl+shift+]
  5. ctrl+p:打开搜索框:
    1. 直接输入,查找文件名;
    2. 先输入@,查找当前文件内的函数,同ctrl+r;
    3. 先输入:,跳到所在行,同ctrl+g
  6. ctrl+: :搜索当前文件内的变量名。
  7. ctrl+f 查找;ctrl+h 替换。
  8. 窗口屏幕类:
    1. alt+shift+1:恢复分屏;
    2. alt+shift+2:左右两屏;
    3. alt+shift+3:左右三屏;
    4. alt+shift+4:左右三屏;
    5. alt+shift+5:上下左右各两屏;
    6. alt+shift+8:上下两屏;
    7. alt+shift+9:上下三屏;
    8. F11:全屏;
    9. ctrl+PgUp/PgDn:左右窗口切换;
    10. ctrl+n:新建文件(窗口),ctrl+s保存,ctrl+o:打开新文件;
    11. ctrl+k+b:折叠/打开左侧菜单栏;
    12. ctrl+w:关闭当前窗口