sublime介绍常用插件和快捷键
简介
- Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来的,它最初被设计为一个具有丰富扩展功能的Vim。
- 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
- Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的Python API,Goto功能,即时项目切换,多选择,多窗口等。
下载地址
常用插件介绍
package control 这个是对你的sublime的包进行管理的一个工具
安装方法:
- 按Ctrl+`调出console
- 粘贴以下代码到底部命令行并回车(sublime3)
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())
- 重启sublime,如果在Perferences->package settings中看到package control这一项,则安装成功
- 使用的时候按Ctrl+ shift+p,选择install就可以下载包了,以下介绍的插件都是用这个安装的
BracketHighlighter
用途:高亮显示匹配的括号,引号,标签
***介绍:BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配 的 [] , () , {} , "", '' , 等甚至是自定义的标签,当看到密密麻麻 的代码 分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围
***
SideBarEnhancements
用途:侧边栏增强插件
- 这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键
- 安装此插件,点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在 firefox,chrome,IE,safari,opera浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己 电脑里的文件路径为准
- 有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能
- 由于空间有限,这里只做复制文件路径和定义火狐浏览器,其他浏览器同理
[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
//firefox
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //匹配任何文件类型
}
},
]colorPicker
用途:调色盘
在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker可以让sublime text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。
Emmet
html/CSS快速编辑(原名Zen Coding)
- 不用都记住,记住一些常用的就可以了
- 不知道怎么提供可下载的图片,所以请自行百度吧:)
IME support
这个主要是解决编辑器里面打字时提示框不跟随光标的问题
这个插件是支持你打字时候跟随的候选框跟随光标,因为即使是你设置了输入法可以跟随光标也不行,因为编辑器不支持,所以需要这个插件添加一个支持
sublime Server
启动一个简单的webServer
- 支持你以localhost开头的地址打开文件,而不是以file协议
- 使用的时候只需要在菜单栏-工具栏中打开sublime server,在编辑器中右键就会有以sublime server打开文件,不要手动关闭这个插件,容易发生位置错误,当关闭掉sublime的时候,该插件也会自动关闭
SASS Build
是一个编写CSS的预处理器
***这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按 Ctrl+ B(MAC系统是 Command +B)来启动它
markdown Editing和markdown Preview
两款插件都是提供给sublimeMarkdown支持
- MarkdownEditing是一个Sublime Text的Markdown插件。提供了一种合适的Markdown着色方案(light 与 dark),包含强大的语法高亮,和实用的Markdown编辑功能
- Markdown Preview是实现markdown文件实时预览功能
使用的时候Ctrl+ shift+p 输入markdown Preview 选择markdown
DocBlockr
快速生成注释的代码块
使用的时候输入/**或者/*之后按tab或者回车就会生成代码块在不同的位置会生成不一样的代码块,注释功能十分强悍
todoReview
记录TODO事项
- 你可以在任意代码注释中输入TODO:something
- 打开ctrl+shift+p 输入todoreview 选择todoreview:project files,这时会生成一个所有标注TODO的列表
- 这个功能就是当你有某些地方当时不能立即完成的时候,在注释的时候标注一个TODO然后使用这个方法 可以快速锁定文件所在位置,方便下次进行操作
AutoFileName
自动提示路径补全的一个插件
autoprefixer
css中自动补全前缀
HTML-CSS-JS prettify
帮助我们进行HTML css js格式化的一个插件
- 首先需要安装一下node,然后安装此插件,他会自动生成一个配置文档(首选项->package setting->HTML-CSS-JS prettify)
- 在你的系统名称(Windows)后面加上你的node.exe文件路径
- 在format_on_save后面加上true,就可以在你保存的时候进行格式化,很方便,看个人喜好
- node最好安装在英文路径下,要不容易发生错误
termial
打开命令行
这个插件支持你的右键菜单可以打开一个当前文件所在目录的命令行,可以做什么随你任性
Chinese localization
这个是sublime的汉化插件,汉化的效果很不错
在推荐两个主题吧
- material Theme 还有两个插件material Theme-Appbar/White panel
- Soda Dark和 Soda Light
- Monokai extended
设置的时候(首选项->配色方案),选择你喜欢的主题,这个是设置编辑器界面的主题,如果要设置侧边栏的样式,(首选项->设置用户),加入以下代码
"theme": "Material-Theme.sublime-theme" //material-theme换成你喜欢的主题的名字,中间有个点作为分隔,后面的sublime-theme是固定的后缀
下面列举一些常用的快捷键
- Ctrl+L 选择整行(按住-继续选择下行)
- Ctrl+D 选择字符串 (按住-继续选择下个相同的字符串)
- Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
- Shift+Tab 去除缩进
- Ctrl+Shift+Enter 光标前插入行
- Ctrl+Shift+[ 折叠代码
- Ctrl+Shift+]展开代码
- Ctrl+Shift+↑/ ↓ 与上下行进行互换
- Ctrl+Shift+D 复制光标所在整行,插入在该行之前
- ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
- Ctrl+Shift+P 打开命令面板
- Ctrl+Shift+/ 注释已选择内容
- 此外还有Ctrl+鼠标左键可以设置多行游标
- 鼠标滚轮按住一直下滑也可以选择多行游标
- 还有很多快捷键可以自行开发,可以在用户的按键绑定中设置
sublime介绍常用插件和快捷键的更多相关文章
- 转: sublime text常用插件和快捷键
Sublime Text 2是一个轻量.简洁.高效.跨平台的编辑器.博主之前一直用notepdd++写前端代码,用得也挺顺手了,早就听说sublime的大名,一直也懒得去试试看,认为都是工具用着顺手就 ...
- 前端神器Sublime Text3 常用插件&常用快捷键
Sublime Text3常用插件 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`调出console(注:安装有QQ输入法 ...
- sublime text常用插件
这个比较重要,不会装插件的时候找了好久 sublime text常用插件 1.插件的安装方法 第一种:用package control 这个是用来管理插件的,必备啊,安装package control ...
- Sublime Text3—常用插件Emmet
摘要 安装请看上一篇Sublime Text-安装,和sublime自带快捷键一起用,写html简直快的飞起. 下面整理的是常用的,完整的可看emmet官方文档. 一.生成标签 1.快速生成文档结构 ...
- Mac下Sublime Text常用插件
Mac下Sublime Text常用插件 SideBarEnhancements 右键菜单增强插件 BracketHighlighter 括号.引号.标签高亮插件 Pretty JSON JSON美化 ...
- SubLime Text3 常用插件总结
近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Them ...
- Sublime text2 常用插件集锦
No.01 – EmmetEmmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键.关于 Emmet ...
- Idea(三)常用插件以及快捷键总结
idea常用插件以及快捷键 现在开发中和日常自己开发都统一换成了idea进行开发了.现在针对自己常用到的插件和快捷键进行总结记录下. 插件 Alibaba Java Coding Guidelines ...
- 前端与php的sublime text3常用插件
sublime text各种版本下载:http://sublimetext.iaixue.com/dl/ 1.安装Package Control 快捷键: ctrl+` 粘贴内容后Enter: ...
随机推荐
- js window.open()打开的页面关闭后刷新父页面
function test(){ var winObj = window.open(URL); var loop = setInterval(function(){ if(winObj.closed) ...
- luogu3327 [SDOI2015]约数个数和
link 设\(d(x)\)表示x约数个数,给定n,m,\(\sum_{i=1}^n\sum_{j=1}^md(ij)\) 多组询问,1<=T<=50000,1<=N, M<= ...
- 【Leetcode】Permutation Sequence
The set [1,2,3,…,n] contains a total of n! unique permutations. By listing and labeling all of the p ...
- CPU和微架构的概念
CPU是什么: 中央处理器(CPU,Central Processing Unit)是一块超大规模的集成电路,是一台计算机的运算核心(Core)和控制核心( Control Unit). 它的功能主要 ...
- Kibana6.2.2源码入口
后端入口 \kibana-6.2.2\src\server\kbn_server.js 前端入口 kibana-6.2.2\src\ui\public\chrome\chrome.js 页面框架模板 ...
- poj2002 数正方形 (哈希+几何)
题目传送门 题目大意:给你一堆点,问你能组成几个正方形. 思路:一开始想的是用对角线的长度来当哈希的key,但判断正方形会太复杂,然后就去找了一下正方形的判断方法,发现 已知: (x1,y1) (x2 ...
- poj1094 拓扑排序(出度入度简单使用)
Sorting It All Out Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 37764 Accepted: 13 ...
- Educational Codeforces Round 13 C
Description Little Joty has got a task to do. She has a line of n tiles indexed from 1 to n. She has ...
- linux 的 sftp 和 scp
====================================== 作者: wxy0327(http://wxy0327.itpub.net) 发表于: 2006.12.07 13:19 分 ...
- day32 线程
1. 线程是什么,有了进程为什么还要线程 进程有很多优点,它提供了多道编程,让我们感觉我们每个人都拥有自己的CPU和其他资源,可以提高计算机的利用率.很多人就不理解了,既然进程这么优秀,为什么 ...