SublimeText3常因此快捷键和大好插件

SublimeText是前者的一个神器,以其简洁和可DIY而吃周边fans疯狂。好吧不吹了直入正题
-_-!!

第一是装,如果您发啊软件无小的语搜一下即便吓,一键安装。然后,有钱的土豪就是协调打个吧,穷逼就搜下注册码看下有没有出土豪共享咯。

既是神器,肯定有您不知情之物不是,下面就有的来讲操作。PS:部分图形与仿来源网络,这里仅仅是聊微排版方便查阅。

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


SublimeText3 操作有

1. 前后选择一样项: ctrl+d

拿光标放在一个单词上,按下ctrl+d,将选取是单词。一直以停ctrl且按D勤,将择时入选项的产一个匹配项。通过以停ctrl,再以D三软,将甄选三独一样的公文。

jQuery 1

2. 选项时文件所有匹配项: alt+f3

挑文件被的富有匹配项。小心使用是,因为它们亦可选择一个文书被的备匹配项.
.

jQuery 2

3. 取舍文本的包裹标签: ctrl+shift+` (ESC键下面的大)

立刻是一个法宝。也许你指望保有属性保持无转移,但无非是想念选标签。这个快捷键为你这么做,会小心到您可当平坏操作多独标签。ps:需要Emmet插件(可以直接到末端看插件的装)

jQuery 3

4. 迈入扩大一重叠: ctrl+shift+a

使您拿光标放在文本间再依下方面的键将选择文本,就比如ctrl+d。但是再以下它们,将挑选父容器,再按照,将挑选父容器的父容器。ps:需要Emmet插件(可以直接到末端看插件的装)

jQuery 4

5. 抉择充满号内的内容: ctrl+shift+m

立即有助于选择括号中的通。同样适用于CSS。

jQuery 5

6. 整行的前后移动: ctrl+shift+↑或 ctrl+shift+↓

jQuery 6

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

若是您曾入选了文本,它见面复制你的取舍着起。否则,把光标放在行上,会复制整行。

jQuery 7

8. 搭及削减缩进: ctrl+[ 或 ]

jQuery 8

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

jQuery 9

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

jQuery 10

11. 因此竹签包裹行要选中项: alt+shift+w

jQuery 11

12. 换除不密闭的器皿元素: ctrl+shift+;

马上会移除与君的光标相关的父标签。对脱标记很有帮衬。

jQuery 12

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

jQuery 13

14. 注解选中项/行: ctrl+/

此当有着语言下都可用, 对行和当选项都可用

jQuery 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其中的简要教程

jQuery 15

2. 侧边栏增强插件SideBarEnhancements

其一邪未尝什么好说的,谁用谁知道,大大加强右键列表的功效,装及即能够因此。

jQuery 16

3. 控制台呼出插件Terminal

之所以node,Grunt等等要调出控制台的崽知道之,简直神奇有木有,装上就是能够因此。

Tips:快捷键 ctrl+shift+T呼出脚下文件路径的控制台

jQuery 17

4. 代码提示插件SublimeCodeIntel

以此啊远非什么废话吧,支持多语言的迅速编码的代码提示工具。 
伪装及后还未能够直接运用,查了一下由只要安排 
乃可点击 Preferences->Browse Packages->SublimeCodeIntel然后上加一个.codeintel文本夹又重复在文书夹里面加加一个config文件(Windows创建.codeintel文件夹需要输入.codeintel.

config文件配置:

{
    "PHP": {
        "php": '/usr/bin/php',
        "phpExtraPaths": [],
        "phpConfigFile": 'php.ini'
    },
    "JavaScript": {
        "javascriptExtraPaths": []
    },
    "Perl": {
        "perl": "/usr/bin/perl",
        "perlExtraPaths": []
    },
    "Ruby": {
        "ruby": "/usr/bin/ruby",
        "rubyExtraPaths": []
    },
    "Python": {
        "python": '/usr/bin/python',
        "pythonExtraPaths": []
    },
    "Python3": {
        "python": '/usr/bin/python3',
        "pythonExtraPaths": []
    }
}

其实若发生JS就足够了,不过也许有天若若描绘PHP了为是吧,留着吧。

下一场打开Sublime创建个文本试一下,如果还坏就比如下 ctrl+shift+space 开启提示意义

jQuery 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键

jQuery 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

jQuery 20

jQuery 21

jQuery 22

搞定后无论是右击个公文文件试试,是不是来看了Sublime打开的选料项了卡?Perfect

一键浏览文件

Preferences->Key Bindings - User开辟用户快捷键设置,copy下面的装置

[
    //firefox
    {
        "keys": ["f1"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
            "extensions": ".*"
        }
    },
    //chorme
    {
        "keys": ["f2"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:\\Users\\manfr\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
            "extensions": ".*"
        }
    },
    //IE
    {
        "keys": ["f3"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
            "extensions": ".*"
        }
    },
    //safari
    {
        "keys": ["f4"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:\\Program Files (x86)\\Safari\\Safari.exe",
            "extensions": ".*"
        }
    }
]

稍许说下,keys是按键,application是浏览器应用程序路径,注意反斜杠的只要转义。extensions是相当有的文本后缀格式。

Tips:翻看了产默认的快捷键,SublimeText3丁f1-f12丁只有发f11受默认为全屏命令,其他的没安装。也就是说,你可装十个八只浏览器一字排开按过去测试。


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的链接:http://www.sublimetext.com/3

装node

插件的装及达到文差不多,唯一比较苦逼的饶是装node(插件依赖node环境)的时了,不清楚为什么安装好了输入node -v老是没有亮版本,搞了许久终极不得已去Github下了只node的装置包才搞定。

Tips:自然要肯定node -vnpm -v好输出版本号才表示node安装好

jQuery 23

附上ubuntu装node的N种方法的帖子:http://www.linuxidc.com/Linux/2015-07/119588.htm

一键浏览文件

还有即使是安一键浏览文件之上了,浏览器安装的目录和Windows有点区别,看下面:

[
    //firefox
    {
        "keys": ["f1"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "/usr/lib/firefox/firefox",
            "extensions": ".*"
        }
    },
    //chorme
    {
        "keys": ["f2"],
        "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "/opt/google/chrome/google-chrome",
            "extensions": ".*"
        }
    }
]

火狐是Ubuntu自带的,目录如齐。然后Chrome是自家好作的,基本上也当是这目录。装好之后找个文件按F1F2检测下就算吓。 
折腾下去其实当没什么,主要是刚刚接触Ubuntu系统针对一些物不太熟悉,后面加强。jQueryThx
^_^

相关文章

网站地图xml地图