HLJ 发布于
2019-01-02 20:00:44

Sublime Text3 插件安装和使用

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

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插件安装好了,如果你的没有说明没装好)


(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) 。           

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

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+上下键,可替换行
文章来源:转载http://www.phpzero.com/post-44.html
最后生成于 2023-06-18 18:32:04
此内容有帮助 ?
0