Sublime Text3 插件安装与使用

一、下载Sublime Text3

地址:https://www.sublimetext.com/3

打开Sublime Text3,打开命令面板(Ctrl+Shift+P)

Sublime Text3 插件安装与使用

输入 pcl(package control:list packages),因为可以模糊匹配,可以查看已安装的插件,如下图

Sublime Text3 插件安装与使用

发现我们下载的sublime已安装package control(安装插件需要的插件),若读者的未安装,则看package control 安装方式

二、下载安装Package Control

地址:https://packagecontrol.io/installation

由于下载的是版本3,所以复制相应代码粘贴至 视图--显示控制台(Ctrl+`)

Sublime Text3 插件安装与使用

控制台输入:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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 Text3 

三、可以根据喜好安装主题Theme

地址:https://packagecontrol.io/

Labels下,选择Theme,可以查看每个主题样式

Sublime Text3 插件安装与使用       Sublime Text3 插件安装与使用

比如我们就选择上图圈选的

Ctrl+Shift+P(打开命令面板),输入pci(package control:install package),然后输入Boxy Theme,回车,等待安装

安装完成后,根据(地址:https://packagecontrol.io/packages/Boxy%20Theme)提示完成选择与配置

四、安装AdvancedNewFile

Sublime Text3 插件安装与使用

目的在于,每次新建一个文件(Ctrl+N),都需要手动选择保存路径,有了此插件,就可以直接输入路径,如下图:

Sublime Text3 插件安装与使用

Sublime Text3 插件安装与使用    Sublime Text3 插件安装与使用

左图为原始目录结构,右图为创建文件后目录结构,发现此插件可以创建不存在的目录结构!

五、安装Snippets(类似于Linux中alias,别名)

我们可以先去官网查找有哪些Snippets,常用的html js jquery均需要,然后再去sublime中安装

Sublime Text3 插件安装与使用

已安装插件

Sublime Text3 插件安装与使用

Sublime Text3 插件安装与使用

仔细一看我们安装的JS Snippets是for Sublime Texst2,所以应该remove这个插件

首先Ctrl+Shift+P,打开命令面板,然后输入pcr(package control:Remove packages),查看已安装的插件,选择相应插件,则删除

Sublime Text3 插件安装与使用

关于Snippets,可以查看相应的手册,如Html Snippets(地址:https://packagecontrol.io/packages/HTML%20Snippets)

Sublime Text3 插件安装与使用

输入doctype,回车,如下图:

Sublime Text3 插件安装与使用

Sublime Text3 插件安装与使用

如Jquery插件,如下图:

打开命令面板(Ctrl+Shift+P),然后输入$.,如下图,出现支持jquery的snippets:

Sublime Text3 插件安装与使用

也可以直接输入,生成样式如右图

Sublime Text3 插件安装与使用Sublime Text3 插件安装与使用

六、安装Bar增强

我们发现我们经常需要打开html文件查看样式,但是sublime没有提供这样的按钮,所以需要使用插件增强

Sublime Text3 插件安装与使用

未安装时:

Sublime Text3 插件安装与使用

安装后:

Sublime Text3 插件安装与使用

选择Open In Browser,选择相应浏览器,则可以在浏览器中预览效果

七、安装http请求插件

我们经常需要用到get post请求,但是我们需要验证,则可以安装该插件

Sublime Text3 插件安装与使用

现在暂时用到的是这些,之后有用到其他的再添加

转载于:https://my.oschina.net/eager/blog/851718