Sublime Text3 插件安装和使用

gooood个人博客网站

网站开发工具

首先找到你操作系统对应的版本,下载后安装,下载地址: 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/


中文:


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+上下键,可替换行

本文内容由用户注册发布,仅代表作者或来源网站个人观点,不代表本网站的观点和立场,与本网站无关。本网系信息发布平台,仅提供信息存储空间服务,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。如因作品内容侵权需删除与其他问题需要同本网联系的,请尽快通过本网的邮箱或电话联系。 
THE END
分享
二维码
< <上一篇
下一篇>>