Sublime text 3 软件使用介绍及常用插件

来源:互联网 发布:wpx软件是什么 编辑:程序博客网 时间:2024/04/30 15:35

Sublime text 3 快捷键:

Ctrl+Shift+P:打开命令面板
Ctrl+P:打开搜索框,搜索项目中的文件。举个栗子:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名。
Ctrl+G:跳转到第几行
Ctrl+: 打开搜索框,自动带#,输入关键字,查找文件中的变量名、属性名等。
Ctrl+W:关闭当前打开文件
Ctrl+Shift+W:关闭所有打开文件
Ctrl+Shift+V:粘贴并格式化
Ctrl+D:选中光标所占的文本,继续操作则会选中下一个相同的文本
Ctrl+L:选择行,重复可依次增加选择下一行
Ctrl+Shift+L:先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
Ctrl+Enter 在下一行插入新行。举个栗子:即使光标不在行尾,也能快速向下插入一行。
Ctrl+Shift+Enter:在上一行插入新行。举个栗子:即使光标不在行首,也能快速向上插入一行。
Ctrl+X:删除当前行
Ctrl+M:光标移动至括号内结束或开始的位置
Ctrl+U:软撤销,撤销光标位置
Ctrl+J:合并选中的多行代码为一行。举个栗子:将多行格式的CSS属性合并为一行。
Ctrl+F:查找内容
Ctrl+Shift+F:在文件夹内查找并替换
Ctrl+H:替换
Ctrl+R:查找文件中的函数名
Ctrl+N:新建窗口
Ctrl+K+B:开关侧栏
Ctrl+Shift+M:选择括号内的内容(继续选择父括号)。举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容。
Ctrl+F2:设置/删除标记
Ctrl+/:注释当前行
Ctrl+Shift+/:注释多行。
Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
Ctrl+Shift+A:选择当前标签前后,修改标签用的
Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。
Ctrl+Shift+] 选中代码,按下快捷键,展开代码。
Ctrl+K+0: 展开所有折叠代码。
Ctrl+Shift+D: 复制光标所在整行,插入到下一行。
Ctrl+K+K: 从光标处开始删除代码至行尾。
Ctrl+Shift+K: 删除整行。
Ctrl+K+U 转换大写。
Ctrl+K+L 转换小写。
Ctrl+Z 撤销。
Ctrl+Y 恢复撤销。
Ctrl+U 软撤销,感觉和 Gtrl+Z 一样。
Ctrl+T 左右字母互换。
F6 单词检测拼写
F11:全屏
Shift+F11:全屏免打扰模式,只编辑当前文件
Alt+F3:选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
Alt+.:闭合标签
Alt+Shift+数字:分屏显示
Alt+数字:切换打开第N个文件
Shift+右键拖动:光标多不,用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl,依次点击或选取,可需要编辑的多个位置
按Ctrl+Shift+上下键,可替换行
Ctrl+K+B 开启/关闭侧边栏。
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屏

安装package control组件

从菜单 View – Show Console 或者 ctrl + ~ 快捷键,调出 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())

重启Sublime。

使用方法:
快捷键 Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了
如果要删除已安装的插件,输入remove package 选择要删掉的插件即可

主题

在线安装
快捷键 Ctrl+Shift+P打开Package Control: Install Package, 输入Theme,选择安装对应的主题。
例如:
material
https://github.com/equinusocio/material-theme

Theme – Soda
安装完成后在Setting user里面添加

"theme": "Soda Dark 3.sublime-theme"`或 Soda Light 3.sublime-theme`

下载配色方案

下载主题配色,文件放入:
C:\Users{用户名}\AppData\Roaming\Sublime Text 3\Packages\Color Scheme – Default
大量配色下载地址,可自定义:
http://tmtheme-editor.herokuapp.com/

推荐插件
快捷键 Ctrl+Shift+P打开Package Control: Install Package, 输入以下插件名称:

SublimeCodeIntel

sublime3 javascript代码自动提示插件及安装

WordPress

集成一些WordPress的函数

Tag

格式化HTML,Auto-Format Tags on Ducument

BracketHighlighter

高亮显示匹配的括号、引号和标签

TrailingSpaces

高亮显示多余的空格和Tab,并可以一键删除它们

Alignment

等号对齐, 按Ctrl+Alt+A,可以将代码以等号为准左右对齐

JsFormat

javascript格式化

phpfmt

格式化PHP代码,对齐代码。
https://packagecontrol.io/packages/phpfmt
配置:

{"version": 3,"php_bin":"D:/xampp/php/php.exe","format_on_save":false,"enable_auto_align": true, // 垂直方向代码对其"psr2": true // 使用psr2规范格式化代码}

psr1规范会严格按照驼峰法来命名,将会重命名所有不符合规范的类名和方法名,在不能确定代码是否严格遵循psr规范的情况时,一定不要开启psr1!!!
xdebug的开启会使格式化速度变慢,文件变大也会使格式化速度变慢,所以保存时自动格式化的配置按照需求决定是否打开

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

Emmet:

Emmet 是一个前端开发的利器,其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是:输入简写形式,然后按 Tab 键。html/CSS快速编辑https://github.com/sergeche/emmet-sublime举例:div#header>nav#nav+div.logo```<div id="header">    <nav id="nav"></nav>    <div class="logo"></div></div>

“`

SideBarEnhancements

侧栏右键功能增强,非常实用

ConvertToUTF8

将gb2312等编码转为utf-8

Sublimerge

文件比较http://www.sublimerge.com/

jQuery

jQuery代码提示

Theme – Soda (GitHub):

Soda Theme 是最受欢迎的 Sublime Text 主题。
安装后你还需要在你的配置文件(菜单 Preferences -> Settings - User)中加入”theme”: “Soda Light.sublime-theme” 或 “theme”: “Soda Dark.sublime-theme”。要达到图中的效果,你还需要下载与之搭配的 color scheme。

如果你喜欢 Soda Dark 和 Monokai,我建议你使用 Monokai Extended (GitHub)。这个 color scheme 是 Monokai Soda 的增强,如果再配合 Markdown Extended (GitHub),将大大改善 Markdown 的语法高亮。

SublimeLinter (GitHub)

注意:此插件需要手动安装并切换到 sublime-text-3 分支。

SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。

在使用 SublimeLinter 之前,你要安装相应的程序,详见README。如果要校验 JavaScript 或 CSS,你还要安装Node.js。

Sublime​Code​Intel (GitHub)

Sublime​Code​Intel 是一个代码提示、补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。

使用 Sublime​Code​Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中,ReadMe 中有详细的 说明,不再赘述。

十分不建议把 Sublime​Code​Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 Sublime​Code​Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单Preferences -> Package Settings -> Sublime​Code​Intel -> Settings - User 中加入下面的内容,并去掉要禁用的语言。

Bracket Highlighter (GitHub)

Bracket Highlighter 是一个括号、引号、标签高亮插件,支持 []、()、{}、”“、” 和 等,比 Sublime Text 自带的高亮要明显得多。

ColorPicker (GitHub)

在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker 可以让 Sublime Text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。

SASS Build (GitHub)

SASS Build 是一个编写CSS的预处理器。这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按 Ctrl+ B(MAC系统是 Command +B)来启动它。

CSSComb (GitHub)

这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。

0 0
原创粉丝点击