Sublime Text 插件安装&介绍

  Sublime Text 是一款轻巧强大的文本编辑工具,它以其优越的性能、良好的用户体验以及强大的插件支持受到了前端开发人员的热捧,下文就介绍Sublime Text 3 的一些常用插件。

  

  Package Control 插件管理

  Sublime text 安装插件很方便,可以直接下载插件到 Packages 目录解压缩即可,但是当通过这种方法安装的插件多起来的时候,往往不便于管理,这里就需要一个包管理的插件来统一管理这些插件:Package Control (官方安装文档)。

  对于Sublime Text 3,进入菜单栏的View > Show Console 打开命令行输入以下代码回车:

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)

  在Preferences菜单下看到Package Settings和Package Control两个菜单后,就说明安装成功了:

  安装好Package Control后,我们就可以用它来安装管理其他插件了

  2·Emmet 

  Emmet的前身为大名鼎鼎的Zen coding,它可以说是使用Sublime Text进行前端开发必不可少的插件,使用它可以大大提高HTML/CSS代码编写的速度,比如下面的演示:

  安装方法:在Sublime Text 界面中按 Ctrl+Shift+P,在出现的文本框里输入“install package”回车,再输入“Emmet”回车就会开始安装插件了。

  使用方法:我们只需输入标签简写形式,按Tab键就会自动生成相应的代码,关于Emmet的更多介绍,请查看官方文档,或者这个:使用Emmet加速Web前端开发

  3·JsFormat

  这是一款JavaScript格式化的插件,安装方法跟上面一样,在安装文本框里输入“JsFormat”回车,安装完成后可以在包管理器里面看到它:

  默认格式化的快捷键是Ctrl+Alt+F ,当然这个可以在设置里面更改。

  4·CSS Format

  这是一款格式化CSS样式的插件,同样输入“CSS Format”回车即安装,在编辑的CSS文件中右键即可看到格式化选项:

  5·Tag

  这个插件用于格式化HTML/XML代码,使用起来比较麻烦,得到菜单栏Edit目录里面找:

  6·HTMLPrettify

  如果你的电脑已经装了Node.js的话,可以直接安装HTMLPrettify,这是一款HTML+CSS+JAVASCRIPT+JSON快速格式化的插件,这个项目的Github主页上有关于它的详细介绍:HTMLPrettify

  关于Sublime Text的插件就介绍到这里了,如果想要卸载已安装的插件,按 Ctrl+Shift+P,在出现的文本框里输入“Package Control:Remove Package”回车,再选择你要卸载的插件回车就会开始卸载了:

  最后关于Sublime Text使用技巧/教程方面,介绍知乎上一个问答:Sublime Text 有哪些使用技巧?

时间: 2024-12-16 05:04:23

Sublime Text 插件安装&介绍的相关文章

Sublime Text插件安装

启用方法:菜单栏 – View – Show Console,贴入以下代码并回车,然后重启Sublime. import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.url

sublime text 插件安装 Mac版的

使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 1. 按Ctrl+`调出console,或者导航栏上的view-show console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音) 2. 粘贴以下代码到底部命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.i

Sublime Text 2安装汉化破解、插件包安装教程

Sublime Text 2安装汉化破解.插件包安装教程 听语音 | 浏览:41326 | 更新:2014-04-04 20:43 1 2 3 4 5 6 7 分步阅读 Sublime Text作为一款轻量.简洁.高效.跨平台的编辑器.支持N多种语言,受工程师所爱!这里教大家如何安装破解Sublime Text 2.0.2,并教大家如何安装包控制器(package control)和安装插件(Emmet.SublimeLinter.jQuery等插件) 工具/原料 Sublime Text 2.

Sublime Text 2 安装汉化破解、插件包安装教程

Sublime Text作为一款轻量.简洁.高效.跨平台的编辑器.支持N多种语言,受工程师所爱!这里教大家如何安装破解Sublime Text 2.0.2,并教大家如何安装包控制器(package control)和安装插件(Emmet.SublimeLinter.jQuery等插件) 工具/原料 Sublime Text 2.0.2 32位.64位安装包 Sublime Text 2.0.2汉化包 此教程理论上也使用于Sublime Text其他版本的安装,但这里不保证会出现问题. 安装过程比

Sublime Text 3 安装插件管理 Package Control

自动安装: 1.通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2.粘贴对应版本的代码后回车安装 适用于 Sublime Text 3: import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(ur

Sublime Text 2 安装Package Control和插件的两种方法

Sublime Text 2 安装Package Control和插件的两种方法 缘起 前几天系统刚刚还原了,重装完Sublime Text2再安装插件的时候可能是由于公司的网络环境的问题,各种报错,将解决方法记录下来.系统环境:Win7 x64 + Sublime Text2. Package Control 方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码: import urllib2,os; pf='Package Control.sublime-package'; ipp

Sublime Text如何安装插件

首先是要安装插件管理器,关于安装方法,作者在网站上已经说的很详细了,https://sublime.wbond.net/installation#st2 (一)简单安装方式 1.按快捷键ctrl+`(Esc键的下一行键的第一个)或从菜单View->Show Console(查看->控制面板)中打开. 2.Sublime Text 2中复制以下代码回车执行 import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime

Sublime Text 3安装与使用 Package Control 插件安装

原文地址:http://www.cnblogs.com/zhcncn/p/4113589.html 本文是Sublime Text 全程指引 by Lucida (http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html)的笔记,并添加了自己整理的一些内容,感谢原作者. 1. 下载 可以从官网 http://www.sublimetext.com/3 下载. 2. Windows下安装与使用 2.1 安装 1. Win7

10秒钟sublime text 3安装SVN插件

注意:此处我提前已经安装了towerSVN,你可能需要提前安装好 towerSVN,之前安装redis之后我才明白,安装插件时安装软件好像 是一个必要的步骤,也就是说安装插件只是让你能在这里使用你已 经安装的这个软件而已--我目前的认识还不是很透彻,猜测应该是 这花样的,请自行理解和百度.Windowds10中sublime text 3安装SVN插件,参考博客: http://www.bbtang.info/script/853.html,找到Windows中安装 SVN插件