sublime text3插件快捷键

下载地址: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,如下图:
这里写图片描述
选中之后,会先出现,左下角下图所示的一个安装过程
这里写图片描述
之后会出现一个框,再输入所需要安装的插件,如安装Emmet
这里写图片描述
待安装完之后,出现下图,则安装成功
这里写图片描述
安装任何一个插件都需要重复走上面这个过程。

语言包 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-8ie浏览器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:关闭当前窗口
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值