首先找到你操作系统对应的版本,下载后安装,下载地址:

Mac-OS X (10.7 or later is required)

Windows

Windows 64 bit

Ubuntu 64 bit

Ubuntu 32 bit

官网地址

Sublime Text 3插件安装

1.先安装Package Control-管理Sublime插件的插件(安装完package control后请重启sublime)

(1)自动安装方法(如果安装不成功,请使用下面的"2.手动安装方法")

使用 [Ctrl + `] (或View > Show Console menu) 打开Sublime Text控制台,将下面的代码粘贴到控制台里:


import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';
 pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
 by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); 
dh = hashlib.sha256(by).hexdigest(); 
print('Error validating download (got %s instead of %s), 
please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)


安装完后,重启Sublime,因为国外网站不稳定需翻墙的问题,如果安装不成功,请使用下面的手动安装方法。

(2)手动(Manual)安装方法:

a.点击Preferences > Browse Packages

b.上面的步骤会打开一个文件夹,在其中我们找到Installed Packages文件夹(如果没有,则在父级目录中查找)

c.下载Control.sublime-package(下载地址)包然后拷贝到 Installed Packages文件夹

d.通过上述方式安装好package control插件好重启sublime, package control就可以使用了。

(3)如果在Perferences->package settings中看到package control这一项,则表明安装成功。


2.通过Package Control安装其它插件的方法(通用)

(1) 按下Ctrl+Shift+P调出命令面板。

(2)输入install 调出 Install Package 选项并回车。

(3)在列表中选中要安装的插件,或者输入插件名(比如要安装Emmet插件,则输入Emmet,它会实时过滤筛选结果)

(4)根据命令面板中的过滤结果,选择要安装的插件。

3. 插件安装与推荐

(1)Emmet插件(功能包括代码补全、代码初始化以及快速编码等功能)

a.按照上面条目2的通用方式的步骤(2.Package Control安装其它插件的方法),安装Emmet.

b.测试安装是否成功:新建一个html文件,需保存(注意保存,并且需要是html文件),输入 html, 然后按下tab键,这时我们就会得到如下的html结构(如果不行,windows用户试下:html:5+tab键,不同操作系统,不同版本快捷键略有差异):

Markup

 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Document</title> 
</head> 
<body> </body> 
</html>

c.检查插件是否已安装如果不成功查看一下文件是否保存,如未保存请先保存。(注:如我新建一个jikexueyuan的html文件,那么应该保存为: jikexueyuan.html文件)

d.检查:如图,最后一级菜单中显示的即已安装的插件列表。(如果没有说明安装不成功,比如我这里第一行是Emmet,说明我的Emmet插件安装好了,如果你的没有说明没装好)

201603161458102605730091.png


(2) html/css/js prettify插件(美化插件需node支持)

a.同样,按照上面条目2的通用方式的步骤(2.Package Control安装其它插件的方法),安装HTML/CSS/JS Prettify.

b. 插件需node支持, 再安装nodejs,默认安装即可。

node安装,官网下载地址:

英文:https://nodejs.org/
中文:http://nodejs.cn/

c.打开node_path设置路径(set node path) 。           

201603161458102605730091.png

d.node 安装路径设置和替换(以你自己的安装路径为准,这里我的安装路径是C:\Program Files\Nodejs\,注意斜杠的方向, 通常如果nodejs是默认安装的,不需要修改这个文件。window系统请检查“windows”对应的路径是否正确,mac检查对应的“osx”的路 径。其它选项一般不需要修改)。

201603161458102622397170.png

e.检查安装是否成功:在文档任意位置,鼠标右键html/css/js prettify——>prettify code或者使用快捷键Ctrl+h即触发美化功能。


(3)其他插件推荐(可安装可不安装,供参考

Alignment: 代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

Prefixr :写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。

Tag :Html格式化,右键Auto-Format Tags on Ducument。

Atuofilename:自动路径导入

Clipboard History :剪贴板历史记录,显示更多历史复制,Ctrl+alt+v触发。

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

Theme – Soda :编码主题,Setting user里面添加”theme”: “Soda Dark.sublime-theme”

GBK to UTF8 :将文件编码从GBK转黄成UTF8,菜单 – File里面找

SFTP :直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云

WordPress :集成一些WordPress的函数

PHPTidy :整理排版PHP代码

YUI Compressor :压缩JS和CSS文件

jquery package,scss(支持scss的语法高亮)

想体验更多插件可到https://packagecontrol.io/寻找

Sublime Text3 快捷键

Ctrl+Shift+P:打开命令面板

Ctrl+P:搜索项目中的文件

Ctrl+G:跳转到第几行

Ctrl+W:关闭当前打开文件

Ctrl+Shift+W:关闭所有打开文件

Ctrl+Shift+V:粘贴并格式化

Ctrl+D:选择单词,重复可增加选择下一个相同的单词

Ctrl+L:选择行,重复可依次增加选择下一行

Ctrl+Shift+L:选择多行

Ctrl+Shift+Enter:在当前行前插入新行

Ctrl+X:删除当前行

Ctrl+M:跳转到对应括号

Ctrl+U:软撤销,撤销光标位置

Ctrl+J:选择标签内容

Ctrl+F:查找内容

Ctrl+Shift+F:查找并替换

Ctrl+H:替换

Ctrl+R:前往 method

Ctrl+N:新建窗口

Ctrl+K+B:开关侧栏

Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身

Ctrl+F2:设置/删除标记

Ctrl+/:注释当前行

Ctrl+Shift+/:当前位置插入注释

Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的

Ctrl+Shift+A:选择当前标签前后,修改标签用的

F11:全屏

Shift+F11:全屏免打扰模式,只编辑当前文件

Alt+F3:选择所有相同的词

Alt+.:闭合标签

Alt+Shift+数字:分屏显示

Alt+数字:切换打开第N个文件

Shift+右键拖动:光标多不,用来更改或插入列内容

鼠标的前进后退键可切换Tab文件

按Ctrl,依次点击或选取,可需要编辑的多个位置

按Ctrl+Shift+上下键,可替换行


(对于使用改帮助文档安装过程中遇到的其它问题,可以在评论区提出!)

来源:web前端必备教程