sublime常用功能

SublimeText3常用快捷键和优秀插件(亲测)

SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂。好吧不吹了直入正题 -_-!!

首先是安装,如果你有什么软件管家的话搜一下就好,一键安装。然后,有钱的土豪就自己买个吧,穷逼就搜下注册码看下有没有土豪共享咯。

既然是神器,肯定有你不知道的东西不是,下面这部分来讲操作。PS:大部分图片和文字来自网络,这里只是略微排版方便查阅。

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

SublimeText3 操作部分

1. 就近选择相同项: ctrl+d

把光标放在一个单词上,按下ctrl+d,将选择这个单词。一直按住 ctrl 且按 D 多次,将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。

2. 选择当前文件所有匹配项: alt+f3

选择文件中的所有匹配项。小心使用这个,因为它能选择一个文件中的所有匹配项. .

3. 选择文本的包裹标签: ctrl+shift+’ (ESC键下面的那个)

这是一个法宝。也许你希望所有属性保持不变,但只是想选择标签。这个快捷键为你这样做,会注意到你可以在一次操作多个标签。ps:需要Emmet插件(可以直接到后面看插件的安装)

4. 向上扩展一层: ctrl+shift+a

如果你把光标放在文本间再按下上面的键将选择文本,就像 ctrl+d 。但是再次按下它,将选择父容器,再按,将选择父容器的父容器。ps:需要Emmet插件(可以直接到后面看插件的安装)

5. 选择括号内的内容: ctrl+shift+m

这有助于选择括号之间的一切。同样适用于CSS。

6. 选择括号内的内容: ctrl+shift+↑ 或 ctrl+shift+↓

7. 选择括号内的内容: ctrl+shift+d

如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。

8. 增加和减少缩进: ctrl+[ 或 ]

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

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

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

12. 移除未闭合的容器元素: ctrl+shift+;

这会移除与你的光标相关的父标签。对清除标记很有帮助。

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

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

这个在所有语言下都可用, 对行和选中项都可用

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 里面的简单教程

2. 侧边栏增强插件SideBarEnhancements

这个也没有什么好说的,谁用谁知道,大大增强右键列表的功能,装上就能用。

3. 控制台呼出插件Terminal

用node,Grunt等等要调出控制台的娃知道的,简直神奇有木有,装上就能用。

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

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 开启提示功能

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键

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

一键浏览文件

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并重启,即不会再弹出更新提醒了
      查看原文http://www.tuicool.com/articles/j6BJriV
时间: 2024-11-10 07:39:39

sublime常用功能的相关文章

Sublime 常用插件简介

Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高亮.CSS语法提示,但是浏览器的私有属性不会高亮.     -----必备 CSS Extended Completions: 提示css文件(包括关联进来的)中的类名,非常好用. JavaScript Completions javascript原生语法提示, jQuery 提供了jQuery的A

sublime 常用快捷键备忘

转一篇sublime常用的快捷键备忘 sublime常用快捷键 选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本.Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同的变量名.函数名等.Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样.Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行.Ctrl+Shift+M 选择括号内的内容(继续选择父括

js常用功能代码

js常用功能代码(持续更新): 1,--折叠与展开 <input id="btnDisplay" type="button" class="baocun2" value="添加" onclick="changeDisplay()" /> <script type="text/javascript"> function changeDisplay() { var h

SVN的安装与常用功能使用以及解决安装配置过程中的一些错误

SVN简介: SVN是Subversion的简称,是一个开放源代码的版本控制系统,将工程代码集中在服务器上进行一个统一的集中式管理,从而能够方便地控制代码版本,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS.互联网上很多版本控制服务已从CVS迁移到Subversion.说得简单一点SVN就是用于多个人共同开发同一个项目,共用资源的目的,而且通过使用SVN开发人员之间[学Java,到凯哥学堂kaige123.com]能够很方便的更新.提交工程代码,并且如果工程的版本有冲突还

WebStorm常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General->Code Compl

项目中常用功能,如:流媒体、健康数据(步数等)等-b

整理iOS开发中使用的各种流媒体和常用的高级功能.由于时间关系,目前只写了一部分功能,全部都采用的是系统方法,没用第三方,截图如下: screen1.png screen2.png 个人比较懒,不爱多写文字,直接上代码,哈哈. 视频 系统用AVFoundation与MediaPlayer框架实现播放视频的方案.其中AVFoundation扩展性好,都需自定义功能,而MediaPlayer集成简单,但是样式不可扩展. 1.AVFoundation使用AVPlayer播放视频,它属于view的lay

Sublime常用快捷键总结

SUBLIME常用快捷键 1.ctrl+shift 组合常用的几个快捷键: ctrl+shift+D :  复制光标所在行 ctrl+shift+k/ctrl+x : 删除光标所在行 ctrl+shift+↑ :  光标所在行上移 ctrl+shift+↓:  光标所在行下移 ctrl+shift+← :  从左快速选中光标所在行部分 ctrl+shift+→ :  从右快速选中光标所在行部分 ctrl+shift+a:  选中光标所在标签内文本 ctrl+shift+m :  快速选中css大

html(三) -- 常用功能标签

媒体标签 <embed></embed> 属性:        hidden : 设置隐藏插件是否隐藏.        src :用于指定音乐的路径 超链接标签 <a></a> 属性: href  : 用于指定链接的资源.常用协议:file:. mailTo:. http:      target: 设置打开新资源的目标.属性对应的值:_Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源. a标签的原理:    1. a标签的href

IOS开发-OC学习-常用功能代码片段整理

IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是在做与URL有关的功能时,需要在Info.plist中添加一段代码进而实现让网址完成从Http到Https的转换,以及其他的一些功能. 在从一个新手到逐渐学会各种功能.代码.控件.方法如何使用的过程中,也在逐渐积累一些知识,但是一次总不会把这些东西都深刻记住并完全理解.所以在这儿记录下这些东西,用来