sublime text 插件(前端自用)

一、软件安装

ST中文论坛:http://sublimetext.iaixue.com/  或者 http://sublimetext.iaixue.com/dl/#sublime_text_3103.win.optimize.x64

二、Package Control安装

方法一:在线安装,首先打开 Ctrl + ~,ST2输入如下的代码:

import urllib2,os; pf=‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb‘ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/‘ +pf.replace( ‘ ‘,‘%20‘ )).read()); print( ‘Please restart Sublime Text to finish installation‘) 

ST3输入如下的代码:

import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘,‘%20‘)).read())

安装完了之后重启软件即可。

ps:输入Ctrl + Shift + P 然后输入Install Package看是否可以调出来Install Package验证下安装是否成功。

三、安装插件

安装好Package Control之后安装插件很简单,输入Ctrl + Shift + P 然后找到希望安装的插件安装即可。

安装Sublime Text的插件备份,直接解压插件,然后将解压后的文件夹取个名字放到点击PreFerences --> Browse Packages,进入的文件夹文件夹,安装成功。

四、插件集

  • jQuery Package for sublime Text:如果你离不开jQuery的话,这个必备~~
  • javascript-API-Completions:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。
  • SublimeTmpl 快速生成文件模板:新建html、css、javascript、php、python、ruby六种模板,所有文件模板在插件目录templates文件夹里,可自定义编辑文件模板。
  • EncodingHelper:编码众多,比较丰富
  • Compare Side-By-Side:比较对象文件,在待比较的Tab上右键选择Compare with...,然后选择另一个打开的比较对象即可,Sublime会自动弹出新的窗口显示两个文件
  • BracketHighlighter:显示我在哪个括号内
  • Sublime Prefixr:CSS3 私有前缀自动补全插件
  • SublimeLinter:一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释
  • Placeholders:占位用,包括一些占位文字和HTML代码片段
  • JS Format:JS代码格式化
  • TrailingSpacer :高亮显示多余的空格和Tab
  • CSS Compact Expand :CSS属性展开收缩
  • GitGutter & Modific:这些插件可以高亮相对于上次提交有所变动的行,换句话说是实时的diff工具。
  • AllAutocomplete:搜索所有打开的文件来寻找匹配的提示词。
  • Emmet :项目的前身是前端开发人员熟知的 Zen Coding(快速编写 HTML/CSS 代码的方案)。
  • Terminal:打开在当前文件所在的目录的终端
  • SublimeREPL:允许你在 Sublime Texxt 中运行各种语言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。
  • ColorPicker:选色工具,编辑器使用- Ctrl/Cmd + Shift + C。 GutterColor 和 ColorHighlightergutter可以在gutter中显示很棒的色彩高亮,简化了色彩代码的定位。
  • MarkdownPreview :本地编写 Markdown,可以预览文件,还有颜色高亮显示。
  • MarkdownEditing:语法高亮,缩略词,自动补全,配色方案。
  • DocBlockr:帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。
  • WebInspector:在 JavaScript调试方面,这是一个令人惊讶的工具,Sublime上的完整的代码检查工具。
  • BracketHighlighter:打开和折叠代码
  • Floobits:SublimeText, Vim, Emacs, IntelliJ IDEA极佳的扩展工具,它使得开发者可以在从不同的编辑器合作编写代码。
  • AutoFileName:自动补全文件路径-非常方便。没有废话。
  • Colorcoder:高亮所有变量,因此可以极大的简化代码定位。尤其是对那些有阅读障碍的程序员非常有帮助。
  • PlainTasks:杰出的待办事项表!所有的任务都保持在文件中,所以可以很方便的把任务和项目绑定在一起。可以创建项目,贴标签,设置日期。有竞争力的用户界面和快捷键。
  • CanIUse:如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。
  • FileDiffs:允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。
时间: 2024-11-05 12:24:15

sublime text 插件(前端自用)的相关文章

Sublime Text 3前端开发常用优秀插件介绍

Package Control插件管理 提到Sublime Text插件安装,就不得不提Package Control [官方文档] 简而言之,它是用来管理插件的插件 所以,首次使用前也是需要安装的 使用Ctrl+`(Esc键下方)快捷键或者通过View->Show Console菜单打开命令行 将以下代码复制后粘贴到如上图中"<代码粘贴处>",然后按Enter(回车),稍等片刻 import urllib.request,os,hashlib; h = '2915d

全栈开发必备的10款Sublime Text 插件

全栈开发必备的10款Sublime Text 插件 来源:梦想天空博客园   时间:2014-11-28 10:16:28   阅读数:673734 分享到:14 [导读] Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等.Sublime Text 更妙的是它的可扩展性.所以,这里挑选了全栈开发必备的10款 Sublime Text 插件,让本已精彩的编辑器更加好用,全端开发的码农们不用去网上一个个找了,赶紧收藏起来吧. Sublime Text 具

全栈开发必备的10款 Sublime Text 插件

1. Package Control 作为安装 Sublime Text 插件的必备利器,Package Control 是这款编辑器的标配,可以方便开发人员快速安装需要的插件. 2. Git 在工作中,版本控制软件最常用的软件之一,而最流行的 VCS 是 Git.你是否厌倦了保存文本文件,并切换回终端运行一些 Git 命令.如果你能从文本编辑器本身执行 Git 命令,岂不是很好? 3. GitGutter Sublime Text 有了 Git 插件之后,GitGutter 更好的帮助开发者查

Sublime Text 插件安装&amp;介绍

Sublime Text 是一款轻巧强大的文本编辑工具,它以其优越的性能.良好的用户体验以及强大的插件支持受到了前端开发人员的热捧,下文就介绍Sublime Text 3 的一些常用插件. 1·Package Control 插件管理 Sublime text 安装插件很方便,可以直接下载插件到 Packages 目录解压缩即可,但是当通过这种方法安装的插件多起来的时候,往往不便于管理,这里就需要一个包管理的插件来统一管理这些插件:Package Control (官方安装文档). 对于Subl

Sublime Text插件之SublimeHighlight

简单来说,SublimeText的SublimeHighlight插件可以将Sublime Text编辑器中的代码样式, 包括缩进,代码高亮等转换为html代码,当在浏览器中查看时,可与Sublime Text别无二致, 在html中需要插入高亮代码时,可考虑之! 安装方法: 1.添加Sublime Text的repo:https://github.com/n1k0/SublimeHighlight/tree/python3 2.搜索安装SublimeHighlight插件 3.将代码转换为ht

Sublime Text插件FileHeader实践

FileHeader是一个文件模板插件,可以定制各种文件模板和文件头部信息,保存时可以自动更新文件的修改时间.在多人开发中这个功能相当实用. 具体介绍我就不细说了,主要是分享一下在使用FileHeader中的一些问题. 1.安装使用: 跟安装Sublime Text插件一样:可以通过Package Control搜索FileHeader安装 2.配置user.name 打开Preferences –Package Settings-File Header-settings user,输入 { "

[转载]如何进行Sublime Text插件的升级和卸载?

在之前的文章中有说过如何轻松快速的安装Sublime Text的插件,但是如何进行插件之中的升级和卸载呢?下面小觉将一步步引导大家领会到这一方法. 以下内容均有一个前提:package control已安装. 首先,说下如何以列表的形式查看已安装的插件: 1.通过ctrl+shift+p打开命令面板 2.输入“list packages”后回车,通过键盘上下键或者鼠标滚动查看列表 点击查看大图 3.选中某一插件后可通过鼠标单击或者回车打开该插件的安装路径 点击查看大图 其次,说下如何查看有更新的

sublime text插件与快捷键

sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/sublime Text插件下载网站:https://sublime.wbond.net/Sublime Text install package control:https://sublime.wbond.net/installation很好的参考文档:https://github.com/jikeytang/sublime-text 2.安装

Sublime Text插件之Emmet

转载:http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发.早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CSS的新方法.这一革命性的插件指的就是Zen Coding,经过很多开发者多年来的努力与帮助,现在已达到了一个新的水