Sublime Text3 插件安装与使用

为什么80%的码农都做不了架构师?>>>  hot3.png

一、下载Sublime Text3

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

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

102059_T6b0_2756867.png

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

102125_5HW5_2756867.png

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

二、下载安装Package Control

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

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

1`

102457_yUff_2756867.png

控制台输入:

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,可以查看每个主题样式

102759_B5N6_2756867.png       103655_EV5r_2756867.png

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

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

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

四、安装AdvancedNewFile

111330_UVDI_2756867.png

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

111827_Y9yf_2756867.png

111853_mN6c_2756867.png    111929_eyMw_2756867.png

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

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

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

112222_Yu9F_2756867.png

已安装插件

122321_7BwD_2756867.png

122309_IGSP_2756867.png

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

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

112925_r5Ry_2756867.png

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

113345_zFIx_2756867.png

输入doctype,回车,如下图:

113423_lmQ3_2756867.png

113450_x6kE_2756867.png

如Jquery插件,如下图:

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

122445_LT5s_2756867.png

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

122526_PFg6_2756867.png122540_EcZq_2756867.png

六、安装Bar增强

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

113742_1vrP_2756867.png

未安装时:

113851_dFJI_2756867.png

安装后:

113823_xfZp_2756867.png

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

七、安装http请求插件

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

114730_oklk_2756867.png

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

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

代码交流 2021