Sublime Text3 插件安装与使用
一、下载Sublime Text3
地址:https://www.sublimetext.com/3
打开Sublime Text3,打开命令面板(Ctrl+Shift+P)
输入 pcl(package control:list packages),因为可以模糊匹配,可以查看已安装的插件,如下图
发现我们下载的sublime已安装package control(安装插件需要的插件),若读者的未安装,则看package control 安装方式
二、下载安装Package Control
地址:https://packagecontrol.io/installation
由于下载的是版本3,所以复制相应代码粘贴至 视图--显示控制台(Ctrl+`)
控制台输入:
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,可以查看每个主题样式
比如我们就选择上图圈选的
Ctrl+Shift+P(打开命令面板),输入pci(package control:install package),然后输入Boxy Theme,回车,等待安装
安装完成后,根据(地址:https://packagecontrol.io/packages/Boxy%20Theme)提示完成选择与配置
四、安装AdvancedNewFile
目的在于,每次新建一个文件(Ctrl+N),都需要手动选择保存路径,有了此插件,就可以直接输入路径,如下图:
左图为原始目录结构,右图为创建文件后目录结构,发现此插件可以创建不存在的目录结构!
五、安装Snippets(类似于Linux中alias,别名)
我们可以先去官网查找有哪些Snippets,常用的html js jquery均需要,然后再去sublime中安装
已安装插件
仔细一看我们安装的JS Snippets是for Sublime Texst2,所以应该remove这个插件
首先Ctrl+Shift+P,打开命令面板,然后输入pcr(package control:Remove packages),查看已安装的插件,选择相应插件,则删除
关于Snippets,可以查看相应的手册,如Html Snippets(地址:https://packagecontrol.io/packages/HTML%20Snippets)
输入doctype,回车,如下图:
如Jquery插件,如下图:
打开命令面板(Ctrl+Shift+P),然后输入$.,如下图,出现支持jquery的snippets:
也可以直接输入,生成样式如右图
六、安装Bar增强
我们发现我们经常需要打开html文件查看样式,但是sublime没有提供这样的按钮,所以需要使用插件增强
未安装时:
安装后:
选择Open In Browser,选择相应浏览器,则可以在浏览器中预览效果
七、安装http请求插件
我们经常需要用到get post请求,但是我们需要验证,则可以安装该插件
现在暂时用到的是这些,之后有用到其他的再添加
转载于:https://my.oschina.net/eager/blog/851718