Sublime text3下载与插件

Sublime text3下载

Sublime text3官网下载地址：http://www.sublimetext.com/

Sublime text3安装

傻瓜式安装，一直点下一步即可。

Sublime text3插件安装

1.直接安装
安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->　　Browse Packages）。

2.使用Package Control组件安装
也可以安装package control组件，然后直接在线安装：

按Ctrl+ `(此符号为tab按键上面的按键) 调出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())

3. 重启sublime text3
下载完成之后重启Sublime Text 3。
4. 检查是否成功安装
如果在Perferences->中看到package control这一项，则安装成功。
5.用Package Control安装插件的方法：
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
方法介绍完了，接下来进入今天正题，一些有用的Sublime Text 3插件：

注意：安装插件时保持网络畅通，避免插件由于网络原因奔溃

6.插件安装失败

方法一：
打开Sublime Text，然后点击Preferences->Browse Packages…，进入一个Sublime Text的Packages目录，然后将我提供的channel_v3.json文件拷贝到该目录下面：
接着修改Package Control的用户配置，点击Preferences->Package Settings->Package Control->Settings – User，新增或者修改”channels”的配置信息，其路径为channel_v3.json文件的路径：

配置信息为：

"channels":

[

"C:\\Users\\AilsonJack\\AppData\\Roaming\\Sublime Text 3\\Packages\\channel_v3.json"

]

重启Sublime Text，然后在Package Control中点击Package Control:Install Package，熟悉的界面又回来啦，哈哈^_。

方法二：
按照方法一得方式再试一下，还是有毛病，提示说

Package Control: Channel F:\Program Files (x86)\Sublime Text3\channel_v3.json does not appear to be a valid channel file because the “schema_version” is not a valid number.
error: Package Control

用记事本打开上面的channel_v3.json
修改为：”schema_version”: “2.0”
再试一下下载，就ok

功能快捷键

选择类

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 免打扰模式

常用的Sublime text3插件

All Autocomplete
　　Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

SublimeCodeIntel
　　一个全功能的 Sublime Text 代码自动完成引擎 ，本人做过对比，但是如果和webstorm的自动寻找还是稍逊一筹，不过对于大部分人来说够用了，能很方便跳到你想要的方法

支持的语言挺多的（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.）

AutoFileName
　　快速帮助你在文件中写路径整体来说还不错

Autoprefixer
　　这个插件主要应用css的浏览器兼容书写，自动分析你的css文件，解析出新的css文件，可以配置你要兼容的浏览器，不过这个插件要在之前安装nodejs

BracketHighlighter
　　配置文件的高亮设置，让你的代码有不同的颜色区分该插件提供配对标签，或大括号或字符引号的配对高亮显示，算是对系统高亮的加强吧。

BufferScroll
　　你可以轻松书写一个文件多个位置了

ChineseLocalization
　　各国语言包，小日本的都有哦

Color Highlighter
　　颜色功能还是很爽的，找了好久

CSS Comments
该有的都有，不该有的也有了

CSS Format
　　css序列化插件，支持默认多种序列方案，还可以自己配置自己喜欢的

DocBlockr
　　DocBlocker 是在Sublime平台上开发一款自动补全注释插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言

Emmet
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度

HTML-CSS-JS Prettify
　　全能序列化

JavaScript Completions
　　js最基本的api快查片段

JsFormat
　　js序列化，能排在下载插件前25位，好的话就不用说了

Keymaps
　　快速查找所有插件的快捷键

WebInspector
调试JavaScript特别棒的工具，成熟的Sublime代码检测工具。产品特点：使用绝对路径，控制台，调试步骤和断点，堆栈跟踪，为存储在用户设置中的项目断点。瞬间起效！还有来自于Mozilla的Fireplay，它被允许连接到Firefox Developer工具和最简单的调试器JSHint。

Git
从它的名字我们就可以看出这个插件的本质——让你在自己喜欢的编辑器中直接使用Git。这种使用Git的方法可以为你节省很多时间。第一：你不必总是在Sublime和终端之间不断切换。第二：有一个很好的自动完成标签，不需要像git输入add-A，写add即可。第三：有类似Quick commit功能的东西，能够一键添加所有的改变并提交它们。

如果你只需要从Git获取远程仓库中的内容的话，那么我建议Nettuts+ Fetch.。

还有Glue，在位于底部的小窗口中展示，可以让你写在Shell上。出于这个原因，现在你的编辑器已经不再局限于Git…

GitGutter&Modific
这些插件会高亮上次提交的更改行，换言之就是实时的比较工具。

EditorConfig

EditorConfig帮助开发人员定义和维护在不同编辑器和IDE之间的一致性编码风格。EditorConfig项目包括定义编码风格的文件格式和文本编辑器插件集合，这些插件能够让编辑器读取文件格式，并坚持被定义的样式。 .editorconfig文件的例子：

PlainTasks
超棒的待办事项列表！所有任务都存储在文件中，因此绑定任务到合适项目非常方便。它可以创建项目，分配标签，设置日期。超棒的用户界面和快捷键。
MarkdownEditing
也许，这是用Markdown工作的最好插件，它拥有多种功能：语法高亮，缩写，自动完成，配色方案，等等。你也可以尝试MarkdownPreview当作替代的解决方案。

LiveStyle
　　LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发，一次配置，简单易用！，并且最近支持less,scss

你本地css文件可以和浏览器的css文件映射，同步到本地，但是必须在chrome上运行，chrome必须安装相应的插件