Loading
0

Sublime Text3 及其插件安装和使用方法

Sublime Text 3安装

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

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控制台,将下面的Python代码粘贴到控制台里,然后按回车键,注意查看控制台信息,等待安装完成:

Python

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文件),输入英文感叹号"!", 然后按下tab键,这时我们就会得到如下的html结构(如果不行,windows用户试下:html:5+tab键,不同操作系统,不同版本快捷键略有差异):

Markup

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

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

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

320_1.jpg

320_1.jpg

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

320_2.png

320_2.png

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

320_3.png

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

(对于使用该帮助文档安装过程中遇到的其它问题,可以在下面的评论区提出,希望借大家的力量不断帮助完善这篇文档,谢谢大家!)

声明:本文为原创,作者为 刘国栋,转载时请保留本声明及附带文章链接:http://www.liuguodong.net/320.html

最后编辑于:2016/11/7作者: 刘国栋

刘国栋

刘国栋个人博客,是记录博主学习和成长的个人博客网站,关注于web前端和WordPress经验与技巧方面的学习和分享,也会分享一些优秀的个人博客模版。

4 条回应

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 马超金博客说道:
    2#

    感谢分享哈

    • 刘国栋 刘国栋说道:

      谢谢支持~

  2. 1#

    最近使用emediter比较多一些!

    • 刘国栋 刘国栋说道:

      这个比sublime更轻便 ^_^

扫一扫关注刘国栋个人博客

扫一扫关注刘国栋个人博客