SublimeText3常用赶快键和出彩插件

SublimeText是前面一个的贰个神器,以其精简和可DIY而让周边fans疯狂。好啊不吹了直入正题
-_-!!

首先是安装,借使您有何样软件管家的话搜一下就好,一键安装。然后,有钱的劣绅就本人买个呢,穷逼就搜投注册码看下有未有土豪共享咯。

既然如此是神器,明确有你不明了的东西不是,上面这有的来说操作。PS:部分图片和文字出自网络,这里只是略微排版方便查阅。

测量检验操作系统:Win10 / Ubuntu 14.04
测量检验软件版本:SublimeText3 3059


SublimeText3 操作部分

1. 周围选拔同样项: ctrl+d

把光标放在二个单词上,按下ctrl+d,将甄选那几个单词。一贯按住ctrl且按D再三,将精选当前当选项的下三个匹配项。通过按住ctrl,再按D二遍,将选用四个一样的公文。

图片 1

2. 增选当前文件全体相称项: alt+f3

选用文件中的全体相配项。小心使用那一个,因为它能选择二个文本中的全体相配项.
.

图片 2

3. 取舍文本的包裹标签: ctrl+shift+` (ESC键上面包车型地铁要命)

那是一个宝贝。可能你期望全部属性保持不改变,但只是想选拔标签。那一个飞速键为您这么做,会小心到你可以在二遍操作七个标签。ps:供给Emmet插件(能够直接到后边看插件的装置)

图片 3

4. 迈入扩展学一年级层: ctrl+shift+a

借使您把光标放在文本间再按下方面包车型地铁键将选用文本,就如ctrl+d。可是再一次按下它,将采用父容器,再按,将挑选父容器的父容器。ps:需求Emmet插件(可以直接到末端看插件的设置)

图片 4

5. 抉择括号内的从头到尾的经过: ctrl+shift+m

那有帮忙选取括号之间的一切。一样适用于CSS。

图片 5

6. 整行的内外运动: ctrl+shift+↑或 ctrl+shift+↓

图片 6

7. 复制行或选中项: ctrl+shift+d

假诺你早就入选了文件,它会复制你的选中项。不然,把光标放在行上,会复制整行。

图片 7

8. 日增和削减缩进: ctrl+[ 或 ]

图片 8

9. 单行剪辑或选中项: ctrl+x

图片 9

10. 粘贴并复制格式: ctrl+shift+v

图片 10

11. 用竹签包裹行或选中项: alt+shift+w

图片 11

12. 移除未密封的器皿成分: ctrl+shift+;

那会移除与您的光标相关的父标签。对搞定标志很有帮忙。

图片 12

13. 大写和题诗: 大写ctrl+k+u、小写ctrl+k+l

图片 13

14. 讲明选中项/行: ctrl+/

本条在具备语言下都可用, 对行和当选项都可用

图片 14

15. 剔除一行: ctrl+shift+k

那一个就不用图了呢


SublimeText3 插件部分

率先是安装包管理器Package
Control,SublimeText3的下令已经更新了,SublimeText2更新上来的童鞋注意下 
 Ctrl+`开辟调整台或然View->Show Console菜单展开命令行

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

固然上面这串东西了,然后就足以接下去的安装插件了

Tips: 插件名字链接到github,互连网不佳的童鞋自行下载包扔到Preferences->Browse Packages展开的文件夹下边,然后解压,重启Sublime就行

1. emmet

本条未有啥好说的,类似jQuery的语法,编码蹭蹭往上提。可是要求PyV8情状(安装完后你会见到有一个文件夹),最棒照旧选择在线装吧。 
ctrl+shift+P 输入 install Package 等待读取服务器列表,输入emmet首先个就是了 
ps:最狼狈一下 github其间的简要教程

图片 15

2. 侧面栏巩固插件SideBarEnhancements

其一也尚无什么好说的,什么人用什么人知道,大大提升右键列表的功力,装上就能够用。

图片 16

3. 调节台呼出插件Terminal

用node,Grunt等等要调出调节台的娃知道的,简直美妙有木有,装上就能够用。

Tips:快捷键 ctrl+shift+T呼出脚下文件路线的调整台

图片 17

4. 代码提示插件SublimeCode英特尔

以此也没怎么废话吧,援救多语言的飞跃编码的代码提醒工具。 
装上后还无法一贯利用,查了一下缘由要安顿 
你能够点击 Preferences->Browse Packages->SublimeCodeIntel下一场增多三个.codeintel文件夹再再在文件夹里面增添多少个config文件(Windows创建.codeintel文件夹要求输入.codeintel.

config文件配置:

 1 {
 2     "PHP": {
 3         "php": '/usr/bin/php',
 4         "phpExtraPaths": [],
 5         "phpConfigFile": 'php.ini'
 6     },
 7     "JavaScript": {
 8         "javascriptExtraPaths": []
 9     },
10     "Perl": {
11         "perl": "/usr/bin/perl",
12         "perlExtraPaths": []
13     },
14     "Ruby": {
15         "ruby": "/usr/bin/ruby",
16         "rubyExtraPaths": []
17     },
18     "Python": {
19         "python": '/usr/bin/python',
20         "pythonExtraPaths": []
21     },
22     "Python3": {
23         "python": '/usr/bin/python3',
24         "pythonExtraPaths": []
25     }
26 }

 

实则只要有JS就够了,不过只怕某天你要写PHP了吧是啊,留着啊。

接下来展开Sublime创制个公文试一下,假设还不行就按下 ctrl+shift+space 开启提醒作用

图片 18

5. 代码排版插件Sublime-HTMLPrettify

在此以前用的是什么样TAG,CssComb和JSFormat,可是某一天开掘那款集成prettify的插件后就直接没换过了,不要被插件的HTML迷惑,那是一款能够用于HTML,CSS,Javascript的并轨排版插件

Tips:设置完急忙键ctrl+shift+h 一键格式化代码

6. CSS3前缀补充插件Autoprefixer

ctrl+shift+P输入install Package等待读取服务器列表,输入autoprefixer率先个便是了 
要装Node.js,未有的话去下载安装吧 
插件使用CanIUse资料库,能精准判定哪些属性要求什么前缀

Tips:动用办法:在输入CSS3属性后(冒号前)按Tab键

图片 19


SublimeText3 增加右键菜单和火速开启浏览器

增添右键菜单

偶尔要开个文件要开个SublimeText3,又要拉文件,麻烦。这里介绍将Sublime加多到右键菜单。

  1. 开发注册表,开始→运行→regedit
  2. 在 HKEY_CLASSSES_ROOT→ * → Shell 下边新建项命名称叫SublimeText
  3. 右键SublimeText项,新建字符串值,命名称为Icon,值为
    “sublime_text.exe所在路线,0”,举个例子:C:\Program Files\Sublime Text 3\sublime_text.exe,0
  4. 右键SublimeText项,新建项,命名称叫command,私下认可值为
    “sublime_text.exe所在门路%1”,举例:C:\Program Files\Sublime Text 3\sublime_text.exe %1

图片 20

图片 21

图片 22

解决后不管右击个公文文件试试,是或不是看出了Sublime张开的选项了捏?Perfect

一键浏览文件

Preferences->Key Bindings - User张开客商快捷键设置,copy下边的安装

 1 [
 2     //firefox
 3     {
 4         "keys": ["f1"],
 5         "command": "side_bar_files_open_with",
 6         "args": {
 7             "paths": [],
 8             "application": "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
 9             "extensions": ".*"
10         }
11     },
12     //chorme
13     {
14         "keys": ["f2"],
15         "command": "side_bar_files_open_with",
16         "args": {
17             "paths": [],
18             "application": "C:\\Users\\manfr\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
19             "extensions": ".*"
20         }
21     },
22     //IE
23     {
24         "keys": ["f3"],
25         "command": "side_bar_files_open_with",
26         "args": {
27             "paths": [],
28             "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
29             "extensions": ".*"
30         }
31     },
32     //safari
33     {
34         "keys": ["f4"],
35         "command": "side_bar_files_open_with",
36         "args": {
37             "paths": [],
38             "application": "C:\\Program Files (x86)\\Safari\\Safari.exe",
39             "extensions": ".*"
40         }
41     }
42 ]

 

些微解释下,keys是按钮,application是浏览器应用程序路线,注意反斜杠的要转义。extensions是协作全体的文本后缀格式。

Tips:查了下暗许的赶快键,SublimeText3中f1-f1第22中学唯有f11被默以为全屏命令,其余的没安装。也便是说,你能够装10个多少个浏览器一字排开按过去测验。


SublimeText3 难题部分(本人碰到过的)

1.自动更新

一时候会弹出自动更新的框,化解办法:

  1. 找到Preferences -> Settings-User(设置客户)
  2. 在最后三个花括号最终(“}”)前加多一句:"update_check":false
  3. 接下来请关闭Submine Text因人而异启,即不会再弹出更新提示了

2.无法获得插件列表 Package Control:There are no packages available for installation

  1. cmd下输入ping sublime.wbond.net链接一下看下sublime.wbond.net那个域名的ip
  2. 打开C:\Windows\system32\drivers\etc\hosts文件。 
    在最后面足够诸如 50.116.34.243 sublime.wbond.net那样的呼应关系,IP是地点测量试验的
  3. 下一场请关闭Submine Text比量齐观启,即不会再弹出更新提醒了

参考:

Sublime Text
3前端开采常用杰出插件介绍——黄映焜 
Gif多图:作者常用的 16 个 Sublime Text 飞快键 |
氪星人


增加补充Ubuntu配置部分(补)

近些日子在玩Ubuntu,所以将情形切了千古。这里补充一下呢。

装SublimeText3

先是是设置,试了一晃SublimeText2的(去官方网站暗中认可便是下的2的-_-!!)开采调不出安装包列表,后边也没去详细斟酌一直下了个SublimeText3的装置包装上。附上Ubuntu下SublimeText3-64bit的链接:

装node

插件的设置跟上文大概,独一十分苦逼的正是装node(插件重视node情形)的时候了,不晓得为啥安装好了输入node -v老是未有出示版本,搞了持久最后无语去Github下了个node的装置包才消除。

Tips:必供给认可node -vnpm -v能够出口版本号才表示node安装实现

图片 23

附上ubuntu装node的N种方法的帖子:

一键浏览文件

再有正是设置一键浏览文件的时候了,浏览器安装的目录跟Windows有一些分歧,看下边:

 1 [
 2     //firefox
 3     {
 4         "keys": ["f1"],
 5         "command": "side_bar_files_open_with",
 6         "args": {
 7             "paths": [],
 8             "application": "/usr/lib/firefox/firefox",
 9             "extensions": ".*"
10         }
11     },
12     //chorme
13     {
14         "keys": ["f2"],
15         "command": "side_bar_files_open_with",
16         "args": {
17             "paths": [],
18             "application": "/opt/google/chrome/google-chrome",
19             "extensions": ".*"
20         }
21     }
22 ]

 

火狐是Ubuntu自带的,目录如上。然后Chrome是作者本身装的,基本上也应有是以此目录。装好之后找个文件按F1F2检查测验下就好。 
搞下去其实感觉无妨,首若是刚接触Ubuntu系统对一些东西不太纯熟,后边抓牢。Thx
^_^

以上内容转发至:

自然想本身敲一次submit
text3的行使教程呢,开采人家讲的很好,转发了下来,前边奉上一个可用的激活码:

—– BEGIN LICENSE —– 
TwitterInc 
200 User License 
EA7E-890007 
1D77F72E 390CDD93 4DCBA022 FAF60790 
61AA12C0 A37081C5 D0316412 4584D136 
94D7F7D4 95BC8C1C 527DA828 560BB037 
D1EDDD8C AE7B379F 50C9D69D B35179EF 
2FE898C4 8E4277A8 555CE714 E1FB0E43 
D5D52613 C3D12E98 BC49967F 7652EED2 
9D2D2E61 67610860 6D338B72 5CF95C69 
E36B85CC 84991F19 7575D828 470A92AB 
—— END LICENSE ——

转发至波比小金刚:

 

相关文章