如何优雅地优雅的使用sublimee Text3

如何优雅地使用 Sublime Text ? - Jasin Yip
作者:JasinYip
时间:August 19, 2014
看到这个问题,写了篇比较长的答案,在自己的博客里也写一下吧~
Sublime Text 2 下载地址:
使用 Sublime Text 建议掌握常用命令:
1、Ctrl+P:查找打开过的文件。
输入最近的文件名就可以即时预览到文件内容。
Ps:也可以输入路径,包括项目的相对路径。
2、Ctrl+Shift+P:命令模式
a)切换语法模式:
Set Syntax : [编程语言]
可以缩写为
这样就可以切换语法模式了,这以便于代码高亮及插件调用(比如HTML模式会使Emmet生效)
b)安装插件(前题是你安装了插件管理器):
输入这个命令之后回车,再输入需要的插件,就可以安装了。
3、多处编辑功能:
这个功能至关重要,所以题目必须加大加粗!!
我都不敢回想接触 Sublime Text 以前是怎么活过来的。
比如这样的代码:
如果我需要为所有 h2 换成 h1,再加上一个 class=&title& 属性:
那么我只需要选中一个 h2,然后按住 Ctrl+D (因为按一下只会只选择下一个)
于是就变成:
然后我就可以输入 h1 ,就变成
这个时候,按一下HOME,再按几下右箭头,再输入class=&title&,然后就会变成
这样就欧了~!
这个可以举一反三,巨有用巨实用!
File -& Reopen with Encoding 可以以某编码打开
File -& Save with Encoding 可以保存为某一编码
编码问题就是这么简单~
也就是鼠标滚轮!
鼠标滚轮也可以选中字符,但不同用鼠标左键选择的是,他不会跨行选择,而是直接矩形选择,比如:
配合 Ctrl 多处选择进行多处编辑,这直接是赞爆了有木有!!
菜单里这个功能超赞!它可以快速设置 Tab 的宽度,默认是4,也可以 Spaces 与 Tabs 之间转换。
(btw, 习惯用 Tab 缩进的程序猿,在提交代码时转换成2个空格的缩进是个好习惯)
插件太多了,Google/百度/知乎 一搜就有推荐的,这里只推荐一个~!
写前端的话 Emmet 插件是必须的,比如:
按TAB,会这样
&!DOCTYPE html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&Document&/title&
(输入!再按Ctrl+E也有同样效果)
按TAB,会这样
&div&&/div&
section#block$*3&h2.title+p.words*2
按TAB,会这样
&section id=&block1&&
&h2 class=&title&&&/h2&
&p class=&words&&&/p&
&p class=&words&&&/p&
&/section&
&section id=&block2&&
&h2 class=&title&&&/h2&
&p class=&words&&&/p&
&p class=&words&&&/p&
&/section&
&section id=&block3&&
&h2 class=&title&&&/h2&
&p class=&words&&&/p&
&p class=&words&&&/p&
&/section&
还有很多用法,可以自行Google/百度 “Emmet”。
最后附上 慕课网 关于 Sublime Text 的教学视频:
添加新评论
(9) (13) (7) (1) (3) (2) (1) (1)
文章总数:35 篇
标签总数:50 条
评论总数:93 条
建站时间:日
最后更新:日
运行天数:807 天使用sublime text3的一些事
来源:博客园
  因为在第一次接触网页设计的时候,使用的是Dreamweaver,它的设计是一款所见即所得的网页编辑器,而且当你写好元素之后的“:”时,就会有代码提示功能,对一些初学者来说,是一个不错的选择。但是慢慢地你会发现可视化界面没有完成它的功能,一些页面不能很好的呈现出来,并且使得代码的可读性变得较差。后来在面试某公司的时候,面试官也对我说,现在的前端工程师很少使用它来开发网页。然后我就发现了sublime text这款软件。在使用sublime text的时候,你会发现,代码会在你输入第一个字符之后才会显示提示,而且所有的路径都要自己手动输入,不能像Dreamweaver那样可以导入,这些对于用惯Dreamweaver的童子来讲,可能会不习惯。但是仔细想想,这样的设计不正能锻炼我们敲代码的能力么。sublime text有很多快捷键,你可以轻松的掌握并使用他们,减少因非技术问题带来的时间消耗。
  现在我就对sublime text编辑器的使用,做一个简单的总结:
  Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持、、等操作系统。
  Sublime Text 的下载安装:
  1.在搜索引擎中输入Sublime text,就会看到以下
    
    点击下载,就可以下载安装包 ,然后解压,接着跟着提示就可以安装成功。
  Sublime Text 的使用:
  1.sublime Text的使用,最好是要记住一些常见的快捷键
    选择类:  
  Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。
  Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
  Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。
  Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
  Ctrl+Shift+M 选择括号内的内容(继续选择父括号)。举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容。
  Ctrl+M 光标移动至括号内结束或开始的位置。
  Ctrl+Enter 在下一行插入新行。举个栗子:即使光标不在行尾,也能快速向下插入一行。
  Ctrl+Shift+Enter 在上一行插入新行。举个栗子:即使光标不在行首,也能快速向上插入一行。
  Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。
  Ctrl+Shift+] 选中代码,按下快捷键,展开代码。
  Ctrl+K+0 展开所有折叠代码。
  Ctrl+← 向左单位性地移动光标,快速移动光标。
  Ctrl+→ 向右单位性地移动光标,快速移动光标。
  shift+↑ 向上选中多行。
  shift+↓ 向下选中多行。
  Shift+← 向左选中文本。
  Shift+→ 向右选中文本。
  Ctrl+Shift+← 向左单位性地选中文本。
  Ctrl+Shift+→ 向右单位性地选中文本。
  Ctrl+Shift+↑ 将光标所在行和上一行代码互换(将光标所在行插入到上一行之前)。
  Ctrl+Shift+↓ 将光标所在行和下一行代码互换(将光标所在行插入到下一行之后)。
  Ctrl+Alt+↑ 向上添加多行光标,可同时编辑多行。
  Ctrl+Alt+↓ 向下添加多行光标,可同时编辑多行。
    编辑类
  Ctrl+J 合并选中的多行代码为一行。举个栗子:将多行格式的CSS属性合并为一行。
  Ctrl+Shift+D 复制光标所在整行,插入到下一行。
  Tab 向右缩进。
  Shift+Tab 向左缩进。
  Ctrl+K+K 从光标处开始删除代码至行尾。
  Ctrl+Shift+K 删除整行。
  Ctrl+/ 注释单行。
  Ctrl+Shift+/ 注释多行。
  Ctrl+K+U 转换大写。
  Ctrl+K+L 转换小写。
  Ctrl+Z 撤销。
  Ctrl+Y 恢复撤销。
  Ctrl+U 软撤销,感觉和 Gtrl+Z 一样。
  Ctrl+F2 设置书签
  Ctrl+T 左右字母互换。
  F6 单词检测拼写
      搜索类
  Ctrl+F 打开底部搜索框,查找关键字。
  Ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找,略高端,未研究。
  Ctrl+P 打开搜索框。举个栗子:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,      4、输入#和关键字,查找变量名。
  Ctrl+G 打开搜索框,自动带:,输入数字跳转到该行代码。举个栗子:在页面代码比较长的文件中快速定位。
  Ctrl+R 打开搜索框,自动带@,输入关键字,查找文件中的函数名。举个栗子:在函数较多的页面快速查找某个函数。
  Ctrl+: 打开搜索框,自动带#,输入关键字,查找文件中的变量名、属性名等。
  Ctrl+Shift+P 打开命令框。场景栗子:打开命名框,输入关键字,调用sublime text或插件的功能,例如使用package安装插件。
  Esc 退出光标多行选择,退出搜索框,命令框等。
      显示类
  Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页。
  Ctrl+PageDown 向左切换当前窗口的标签页。
  Ctrl+PageUp 向右切换当前窗口的标签页。
  Alt+Shift+1 窗口分屏,恢复默认1屏(非小键盘的数字)
  Alt+Shift+2 左右分屏-2列
  Alt+Shift+3 左右分屏-3列
  Alt+Shift+4 左右分屏-4列
  Alt+Shift+5 等分4屏
  Alt+Shift+8 垂直分屏-2屏
  Alt+Shift+9 垂直分屏-3屏
  Ctrl+K+B 开启/关闭侧边栏。
  F11 全屏模式
  Shift+F11 免打扰模式
  2.我尝试使用使用下面的快捷技巧,然后按TAB键生成想要的DOM,但是因为,配置中没有emmet,所以可以手工配置,或者是自动配置,配置好之后,便可以使用
  Child: &
    nav&ul&li&nav& &ul& &li&&/li& &/ul& &/nav&  Sibling: +
    div+p+bq&div&&/div& &p&&/p& &blockquote&&/blockquote&  Climb-up: ^
    div+div&p&span+em^bq&div&&/div& &div& &p&&span&&/span&&em&&/em&&/p& &blockquote&&/blockquote& &/div&    div+div&p&span+em^^bq&div&&/div& &div& &p&&span&&/span&&em&&/em&&/p& &/div& &blockquote&&/blockquote&  Grouping: ()
    div&(header&ul&li*2&a)+footer&p&div& &header& &ul& &li&&a rel="nofollow" href="/145946/"&&/a&&/li&" target="_blank" rel="nofollow"&    (div&dl&(dt+dd)*3)+footer&p&div& &dl& &dt&&/dt& &dd&&/dd& &dt&&/dt& &dd&&/dd& &dt&&/dt& &dd&&/dd& &/dl& &/div& &footer& &p&&/p& &/footer&  Multiplication: *
    ul&li*5&ul& &li&&/li& &li&&/li& &li&&/li& &li&&/li& &li&&/li& &/ul&  Sublime Text还有其他的插件,大家可以上网查看学习!
  第一次写博客,与大家共勉 !
免责声明:本站部分内容、图片、文字、视频等来自于互联网,仅供大家学习与交流。相关内容如涉嫌侵犯您的知识产权或其他合法权益,请向本站发送有效通知,我们会及时处理。反馈邮箱&&&&。
学生服务号
在线咨询,奖学金返现,名师点评,等你来互动如何优雅地使用Sublime Text3_百度知道如何优雅地使用Sublime Text3 - 简书
下载简书移动应用
写了110426字,被709人关注,获得了1208个喜欢
如何优雅地使用Sublime Text3
Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus、Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是Coding和Writing最佳的选择,没有之一。
原文首链,请移步这里;最后更新于晚 (不能为简书文章添加目录?,额,折腾不出来,醉了),但目录结构还是可以有的:
如何优雅地使用Sublime Text 之 目录结构
Sublime Text 2和3的对比相比于2,Sublime Text 3就秒启动一项,就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新,具体的差异可参看.简单的说:
ST3支持在项目目录里面寻找变量
提供了对标签页更好地支持(更多的命令和快捷键)
加快了程序运行的速度
更新了API,使用Python3.3
强烈推荐朋友们使用3! 唯快不破,不解释。
Sublime Text 3安装插件Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件;这使得她变的无比强大的同时又不失轻便。
插件安装方式一:直接安装:
安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单-&preferences-&packages)。
插件安装方式二:使用Package Control组件安装:
按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)粘贴以下代码到底部命令行并回车:
import urllib.request, 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())
重启Sublime Text 3。如果在Perferences-&package settings中看到package control这一项,则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
PS:国内使用SublimeText3,经常可能遇到无法安装可用插件问题,可remove掉Package Control重新安装下;如遇到连Package Control也无法安装,则可以在别处拷贝一份关于Package Control的文件-(Package Control.sublime-package)存放于Installed Packages目录之下即可。
Sublime Text 3插件推荐无插件,不神器!根据自己的需要定制属于自己的强大插件集;作为在移动端旧游之后,又Web端新游的自己,墙裂推荐以下这么几款插件:
SublimeText不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章: 抑或是前段时间写下的
打开的文件夹都太多了? 来用这个来管理文件夹,世界原来也可以这么美好。
SideBarFolders
这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹,并支持使用快捷键。
通常,如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中,你可以使用内置的颜色选择器。安装完成后,只要按下Ctrl / Cmd + Shift + C 快捷键。
这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。
有童鞋抱怨Sublime Text不能支持函数的跳转(比如像Eclipse那样,按住Control点击该方法或者对象,即可跳转到定义的地方; Alt+←即可回到原处)。其实Sublime Text也可以借助插件实现之(当然,有些情况下:Can not find defination)毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦,具体的可以参见:.
SublimeLinter 是前端编码利器—— 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。比如写例如像lua这样的弱语言脚本代码,有这个可以规避掉很多不该有的低级错误吧?当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见:
SideBarEnhancements是一款很实用的右键菜单增强插件;在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键,只有寥寥几个简单的功能;安装了就相当于给其丰了大胸一般。
更强大的是,该插件还能让我们自定义快捷键呼出某个浏览器以预览页面!这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。安装此插件后,点击菜单栏的preferences-&package setting-&side bar-&Key Building-User,键入以下代码:
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*"
这里设置按Ctrl+Shift+C复制文件路径,按F2即可在Chrome浏览器预览效果(如果需要的话,也可以根据自己的需要为Firefox,Safari,IE,Opera等加上),当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。
一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。插件安装完成后,快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意,但还可以,后面将说明如何修改css美化脚本。本人用起来超级爽的,鉴于篇幅,就不赘述,可以参见介绍。
:有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的,要使他工作需要在环境变量中添加PHP的路径,具体请看github上的说明。
一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。SublimeTmpl默认的快捷键:
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
如果想要新建其他类型的文件模板的话,先自定义文件模板方在templates文件夹里,再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型,这里就详细介绍了,请各位自己折腾哈~
:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。
sublime-jq-plugin
SFTP:快速编辑远程服务器文件在Win下用Xftp 和 WinScp,被这种需要切换点击or F5刷新的手动操作蛋疼到无语;故此一遇见这SFTP,顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件,比如FtpSnyc,但是配置起来的错误提示一点都不人性化,就毫不留情的舍弃了。Sublime下有SFTP,只要Ctrl+S即可同步本地到服务器,妥妥的爽歪歪有么有?如何配置,请参见;如欲使用FtpSync可参见;大道至简,因简而悦;开心垒码,值得折腾。
-- 记录你的Code时间;可以做到精确地统计到你花在某个项目上的时间;WakaTime针对不同的IDE,拥有不同的插件,在Sublime上安装着,就能统计到我使用Sublime进行的所有项目的行为。可以高效管理和知晓自己code时间;并且,统计完善, 适合发朋友圈装逼(如果你喜欢的话)~
Waka的基本设计和rescuetime类似。每个人注册完将获取一个key,装一个客户端,把key输进去(登陆是同一个道理),然后它就把本地的所有行为带个key扔给服务器来统计,一段时间之后给你个报表。不过Waka做的真的很精准,精确到每一个文件用了多少秒,每一种语言用了多少时间。
安装和使用都很简单,请参见。另外一篇比较详细的文章,对RescueTime和WakaTime有一个更为详细的叙述,可以一读。
: 代码块注释可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.
/*:回车创建一个代码块注释
/**:回车在自动查找函数中的形参等等。
它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具,DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目;如果你愿意其更为便捷,不妨再结合AutoHotKey,高效注释,由此开启。
: Git 版本控制可视化的操作:帮助你与你的Git repo协议进行交互。它支持很多命令像init,push, pull, branch, stash,等等。使用它当然提前需要安装 Git,并做好响应的配置;对于这个插件,不妨看下这篇文章 ,相信她的伴随不会让你失望的。
: 快速创建文件当我们在 Sublime Text 编辑器里我们可以通过快捷键command+n(win: ctrl+n),来新建一个文件,然后command+s(Win:ctrl+s)进行弹出保存框,填写文件名进行保存。还是老问题,麻烦!!我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下的创建文件速度。
关乎其使用,安装完成之后,运用快捷键command+alt+n(win: ctrl+alt+n),Sublime Text底部会弹出输入框;我们只需在这个输入框里输入我们需要新建的文件名回车即可(我们甚至可以带路径,譬如:src/components/perfect.vue;这就会在当前项目目录下,建立该文件;需要注意的是这路径前面不可加 '/', 这会使得建立的路径成为用户目录,而非改项目目录)。默认情况下文件会存储在当前目录,如果当前没有目录,会存储在用户的家目录。
剩下些许其他的可以按需安装的插件,比如:
ConvertToUTF8
支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件
Bracket Highlighter 用于匹配括号,引号和html标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效
DocBlockr 可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
&font color="purple"&Emmet(Zen Coding)&/font&快速生成HTML代码段的插件,强大到无与伦比:可以超快速编写HTML/CSS/JS,当然这个插件还支持多种编译环境,如常见的:Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等,web开发必备!!!。
jsFormat 格式化js代码,懂者自懂;强迫症Coder必备!默认快捷键Ctrl+Alt+F。
phpFormat 格式化php代码,懂者自懂;强迫症Coder必备!
CSS Compact Expand CSS属性展开收缩:写CSS的盆友,喜欢将其写多行还是一行(个人喜欢将其格式化为多行)?如果阅读别人的代码不符合自己的习惯,可以用CSS Compact Expand这个插件将CSS格式化一下,按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示;强迫症Coder必备!。
Autoprefixer插件:这是一款CSS3私有前缀自动补全插件;该插件使用CanIUse资料库(当然,SublimeText自然也有&font color="purple"&CanIUse&/font&这个插件咯),能精准判断哪些属性需要什么前缀,与CssComb插件一样,该插件也需要系统已安装Node.js环境;使用方法:在输入CSS3属性后(冒号前)按Tab键即可。
YUI Compressor:压缩JS和CSS文件,按F7键后,若压缩当前文件(demo.js),则压缩后的文件(demo.min.js)保存在该文件的同级目录,需要安装java的JDK。使用方法:
ClickableURLs:可点击的URL使用小插件可以让文件中的URL能够点击。
: Vue(*.vue)高亮插件;于前端而言,使用Vue框架开发,是一个很酷爽的存在,那么此插件也就很有必要拥有;同时Jade, SASS等插件也是很有拥有的必要,谁用谁知道(说到用vue, 这vue-cli就蛮有使用的必要了( Webpack, Eslint, Test等都配置完善,十分贴心); 而写Js代码,于稍大项目 Eslint 就很有使用必要,而 sublime 在针对使用 Eslint 的 *.vue文件,目测还没有很好格式化插件,坐等诞生?)。
终极王道:自己编写专用的Sublime Text插件。虽然说各个方面比如移动端,Web前段,服务器端,非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如,需要快捷打开PC端的某个模拟器,便捷的进行某些校验,只要你想的到的基本都可以将其在插件内,以快捷键处理之。至于如何编写SublimeText插件,请参看这里
定制属于自己的快捷键
首先要会使用SublimeText内置的快捷键:
比如 Commond Shift P 打开命令面板:例如打开Package Control安装各种插件;可以可以输入Set(Snytax)来改变使用的语言环境,瞬间切换等等。
设置快捷键。在SublimeText里,打开Preferences -& Key Bindings - User,我设置的快捷键:
{ "keys": ["ctrl+f9"], "command": "build" },
{ "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
{ "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } },
具体可参见这边文章
定制属于自己的专属快捷键:
比如就拿定制Sublime Text(2/3)编译lua 的快捷键来说:
首先:下安装lua环境(MAC)
curl -s /rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix
或者:curl -O /rudix-mac/rpm/2014.10/rudix.py
sudo python rudix.py install rud
安装IED:SublimeText3;完毕后上面选择:Build System--New Build System 输入:
"cmd": ["/usr/local/bin/lua", "$file"],
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"selector": "source.lua"
保存为Lua.sublime-build,然后Tools-Build System上就能选择lua来编译脚本了)PS:网上找到的大多数都是 "cmd": ["lua", "$file"]可能我是用rudix自动来安装lua的,需要改一下路径。
新建一个xx.lua文件,随便写个语句,选择lua为build system,按一下command+b,就能跑出来了。 如下图所示:
LuaShortCutSublimeText
WindowS下面的定制请参看这里
Sublime不可不知的实用技巧:---更新 15:50 ShenZhen@nanshan对于这个依赖于插件的强大性感无比开源编辑器;优雅的适用之,就在于合理的使用需要的插件,走一条快准狠的键盘一刀流。这个当然可以自己用python来写,但是一般的需求基本上都已经有人完成,还是不浪费时间自己造轮子了。今儿就再赘述一些使用的经验,让使用她可以更加优雅。
(1) Ctrl+O(Command+O)可以实现头文件和源文件之间的快速切换(2) 通过 View -& Side bar 可在左侧显示当前打开的文件列表
(3) ST3虽然不像notepad++可以在sidebar上显示函数列表,但是可通过Ctrl+R查看
(3) 通过 Preference -& Key binding user 可根据个人操作习惯自定义快捷键(包括ST3自带的和插件的)
(4) 双击可选中光标所在单词,三击可选中光标所在行(等同于Ctrl+L(Command+L));
(5) Ctrl+Shift+T可以打开之前关闭的tab页,这点同chrome是一样的
(6)Ctrl+R定位函数;Ctrl+G定位到行;
(7) 单个文件批量修改:纯相同的内容:选中需要修改的内容Alt+F3(Mac下默认的是Ctrl+Command+G) , 或者连续 Ctrl+D(Win) /连续 Command+D(Mac)之后重新写即可,使用Ctrl + U进行回退,使用Esc退出多重编辑。
不纯相同却有一定规律可循的内容:这个就需要借助SublimeText强大正则的支持了。可以使用Ctrl+H(Mac下是Alt+Command+F)调出:
SublimeText
正则表达式是非常强大的文本查找&替换工具,Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用。鉴于篇幅,加之本身就对这个不甚熟悉,这里就不再多啰嗦;以下是一些可以参考的文章:
(8) 有时我们需要对一片区域的所有行进行同时编辑,Ctrl+Shift+L可以将当前选中区域打散,然后进行同时编辑:
SublimeText
(9)有打散自然就有合并,Ctrl + J(mac下Command+J)可以把当前选中区域合并为一行:
SublimeText
(10)在Ctrl + P(Command+P)匹配到文件后,我们可以进行后续输入以跳转到更精确的位置:
@ 符号跳转:输入@symbol跳转到symbol符号所在的位置
# 关键字跳转:输入#keyword跳转到keyword所在的位置
: 行号跳转:输入:12跳转到文件的第12行。
(11)Ctrl + Enter(Mac~Command+Enter)在当前行下面新增一行然后跳至该行;Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。
(12)Sublime Text的查找有不同的模式:Alt + C切换大小写敏感(Case-sensitive)模式,Alt + W切换整字匹配(Whole matching)模式,除此之外Sublime Text还支持在选中范围内搜索(Search in selection),这个功能没有对应的快捷键,但可以通过以下配置项自动开启。
"auto_find_in_selection": true
这样之后在选中文本的状态下范围内搜索就会自动开启,配合这个功能,局部重命名(Local Renaming)变的非常方便:
SublimeText
(13)Windows下Ctrl + ←/→进行逐词移动,相应的,Ctrl + Shift + ←/→进行逐词选择。
SublimeText
而Mac下的Command+←/→是从一端移动到另一端;相应的,Command + Shift + ←/→是从一端选择到另一端。
(14) Windows下Ctrl + ↑/↓移动当前显示区域,Ctrl + Shift + ↑/↓移动当前行。
SublimeText
而Mac下的Command + ↑/↓是从当前行移动到头/尾;相应的,Command + Shift + ↑/↓是从当前行选择到头/尾;
(15)使用Ctrl + N在当前窗口创建一个新标签,Ctrl + W关闭当前标签,Ctrl + Shift + T恢复刚刚关闭的标签。
(16)编辑代码时我们经常会开多个窗口,所以分屏很重要。Windows下:Alt + Shift + 2进行左右分屏,Alt + Shift + 8进行上下分屏,Alt + Shift + 5进行上下左右分屏(即分为四屏)。
(17)Sublime Text基本的手动格式化操作包括:Ctrl + [向左缩进(等同于将一块选中Shift+Tab),Ctrl + ]向右缩进(等同于将一块选中后Tab键),注解: Ctr+[ 和 Ctr+[ 针对一块连续内容使用,无需选中;此外Ctrl + Shift + V可以以当前缩进粘贴代码(非常实用)。
(18) Ctrl+Shift+V(好吧,尝试了下Windows下的这个,目测不行,看来须得安装下插件~(粘贴板历史记录)才行啊)(Mac下Command+Shift+V),粘贴之时可以调出之前粘贴过的内容(以一个轻量弹框显示以供选择),哇哦,才发现这个功能,感觉棒棒哒??。
SublimeText
(19) Sublime text 删除插件步骤:“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件,并点击即可删除”;
(20) 作为强大而小巧,性感且快捷的SublimeText,怎么能够允许不时弹个框提醒你购买或者别的,并且顶部有未注册这样破坏美感的存在呢?OK,输入中提供的注册码,就妥妥的哦了。
定制属于自己的个性化主题SublimeText 她不仅仅是作为性感无比,强大可大编辑器的存在;要知道在如今这么靠脸吃饭的时代,她的美者这方面怎么可能不臻至完美呢?Mac和Windows都默认十多种不同风格的主题,想必会有您喜欢?的。即便没有也没关系,我们可以自己定制自己喜欢的风格主题。。这个网址可以轻松按照自己的意愿制作喜欢的主题。完毕之后将生成的xx.sublime.theme文件,点开Preferences -& Browsr Packages这个,放在这个直属目录之下,即可在Theme处选择这个主题了,亲测没有问题。
后记:作为如此便捷的她(Sublime Text3),值得分享肯定不止这些,在Coding and Writing路上,要继续去发现和发扬她的美,未完待续...--写于 22:49 ShenZhen@nanshan
Sublime锦上添花些许设置---更新 11:59 ShenZhen@nanshan---
Sublime Text内运行javascript(ES6)
当然你可以使用其它诸如之类的环境来运行js, 本文使用的是. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)
在sublime text中依次打开Tools -& Build System -& New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic{ "cmd": ["node", "--use-strict", "--harmony", "$file"], "selector": "source.js"}
在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename. --harmony表示启用, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见).如果不想启用es6的特性,把build文件更改成以下代码保存即可.{ "cmd": ["node", "$file"], "selector": "source.js"}
在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:
for (let i = 0; i & 3; i++) {
console.log('i:', i);
使用快捷键 ctrl + b, 将得到以下执行结果:
i: 0i: 1i: 2[Finished in 0.1s]
(1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.
(2)Nodejs安装目录需要加入path环境变量中,否则Ctrl+B运行 会出现:[WinError 2] 系统找不到指定的文件。
更换Sublime Text程序图标
不仅主题可以更换,图标也可以。在上有大量重新设计的Sublime Text精美图标。更换方法:
下载一个图标,有.icns格式的最好。如果没有,用iConvert转换之。
终端执行:open /Applications/Sublime\ Text.app/Contents/Resources/
替换Sublime Text 3.icns或Sublime Text 2.icns文件。
Sublime 拼写检查
如果你经常使用SublimeText从事英文创作,那么启用拼写检查就非常有用处了。选择Preferences & Settings – User菜单,添加以下代码:
"spell_check": true,
写在一路更来的结语不得不说的是此篇文章的命名,较之于内容来讲是大了很多。毕竟要优雅使用某个工具,并不是件很容易的事。一边发现学习,一边总结更新,到此已5个月整。然而,对她~SublimeText3三的使用和了解也是仅仅限于一般水平而已。只能说:每个人都工具的使用都怀有不同的态度和追求;但是,工欲善其事,必先利其器;此一点总是没错的。因此,在投资自己这里,除学习知识之外,工具的使用大抵就是最应该投资学习的,再次可以是蓝股等等,一如Google工程师@徐宥所言。
所谓,一个好汉三个帮;欲要优雅使用一个工具,辅助器具是必不可少的。而在于Win下以SublimeText来编程或者写作,譬如AutoHotKey,__Listary__等对个人来讲着实已成必备工具(在Mac下,有Alfred在手,可以说是天下我有);其给人带来的方便快捷和意想不到的惊喜,足以可以令其称为Win下小众软件中实用最。当然,像AutoHotKey这种在乎于人强,其功能愈发强的工具,其修行之路漫漫,还当上下以求索之(15.09.17更)。
当然,也不能盲目停留在SublimeText这孤傲的世界里。虽性感强大如斯,毕竟也已逝老牌儿范儿了。新的时代总会崛起些新秀,比如Github出品的Atom许有赶超Sublime之势,目测充盈着些许不同的理念;有时间定当去学习下,知乎有话题:,可预先了解下。
---日更新:一直以来特别钟爱Sublime的。可插件安装多了的SublimeText日益感觉微微有些卡顿感了。并且最近一次更新之后,频繁弹出的购买提示框也是很令人不舒服(以前网搜的注册码也显得力不从前)。而对Atom的近期试用情形来看,用的还蛮舒适,现在两者兼用之。前两天有随记下Atom使用感受:有兴趣爱尝试下Atom的看官们,可供参考。
---日更新之前提到优雅使用SublimeText,也须结合如AutoHotKey,Listary这样一些小工具,方更见神奇 。使用AutoHotKey也有段日子了,虽没拿她来助我完成一些高大上复杂的事情,却无时无刻不帮着我节省一秒秒时间。趁着小闲,周五有将使用她的一些粗浅经验,凑成 一文,与诸君分享,希望有用,如此,足慰我心,善莫大焉。
最后寄语:
工欲善其事,必先利其器!
公欲善其事,必先利其器!
参考文章出处:
一点打赏,满心希望。
打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮
被以下专题收入,发现更多相似内容:
搜集那些能提高效率的工具。
同名公众号:gongju006(是零零,不是偶偶 )
· 15907人关注
Write the Code, Change the World, 改变世界从编程开始, 收集编程相关的干货
· 12005人关注
沟通想法,分享知识,欢迎大家分享一些好的文章。
· 8565人关注
一点打赏,满心希望。
选择支付方式:

我要回帖

更多关于 sublime text3使用git 的文章

 

随机推荐