zoukankan      html  css  js  c++  java
  • 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中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。
  • 相关阅读:
    骨灰级程序员20条编程经验
    js常用正则表达式
    css样式大全(整理版)
    ASP.NET中常用的26个优化性能方法
    C# 中的委托和事件
    Page的ResolveClientUrl与ResolveUrl读取路径
    层设定固定高度,内容超过高度,自动延伸
    Catalan数(卡塔兰数)
    称球问题
    zabbix分布式监控系统安装配置
  • 原文地址:https://www.cnblogs.com/PCH1024/p/5324688.html
Copyright © 2011-2022 走看看