Sublime Text Package

作者: wen4e | 来源:发表于2016-03-31 09:14 被阅读131次

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


    Theme - Spacegray

    主题包


    JavaScript & NodeJS snippets

    快捷输入代码


    AdvancedNewFile

    ctrl+alt+n创建新文件


    DocBlockr

    快速添加注释


    CSS Format

    css样式格式化


    tortoiseSVN

    上传配置方法(在Preferences->Package Settings->TortoiseSVN->Settings - User

    {
        // Auto close update dialog when no errors, conflicts and merges
        "autoCloseUpdateDialog": false,
        // Auto close commit dialog when no errors, conflicts and merges
        "autoCloseCommitDialog": true,
        "tortoiseproc_path": "E:\\Program Files (x86)\\bin\\TortoiseProc.exe"
    }
    

    注意:目录层之间用\分割而不是\分割哦~

    alt+u 更新 svn_update

    alt+c 提交 svn_commit


    SASS Build

    SASS Build 是一个编写CSS的预处理器。这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按Ctrl+ B


    Package Control

    通俗易懂地说,这个是你在完成安装SublimeText后必须安装的东西。你问为什么?因为有了这个特殊的“插件包”,你可以很容易地安装、升级、删除,甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。它通过菜单和对应的行为使这些过程变得非常容易和有组织。


    Emmet

    概括地说,Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件


    双击选中带中划线-的文本

    用户设置(preferences ——>Settings—user)中增加:

    // Characters that are considered to separate words
    "word_separators":"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
    

    Markdown Preview[1][2]

    1. 使用SublimeText3创建.md文件,按照Markdown语法输入要写的内容,如下图


      Markdown语法
    2. Ctrl+Shift+P输入mp,选择Markdown Preview: Preview in Browser,选择markdown,在浏览器中打开

      选择markdown,在浏览器中打开
    3. 在浏览器中查看效果如下:


      浏览器中查看效果
    4. 按CTRL + B生成网页HTML;在最前面添加[TOC]自动生成目录;


      [TOC]自动生成目录

    MarkdownEditing

    支持Markdown语法高亮;


    OmniMarkupPreviewer

    实时在浏览器中预,但MarkdownPreview是需要手动生成的和F5的。览如果双屏的话,应该具有不错的体验。快捷键如下:
    Ctrl+Alt+O: Preview Markup in Browser.
    Ctrl+Alt+X: Export Markup as HTML.
    Ctrl+Alt+C: Copy Markup as HTML.


    TableEditor

    书写Markdown表格的时候,较好的自适应性,会自动对齐
    通过Ctrl+Shift+P->Table Editor: Enable for current view开启。
    先输入标题行,回车后在第二行输入|-后,按tab键就将进入Table编辑模式。
    表格必须与前面输入的文字之间有空行,否则表格会被当成普通文字渲染。

    TableEditor用法

    IMESupport

    功能: sublime中文输入法
    简介: 还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。
    使用: Ctrl + Shift + P →输入pci →输入IMESupport →回车

    Sublime Text 中文输入法跟随光标

    AutoFileName

    功能: 快捷输入文件名
    简介: 自动完成文件名的输入,如图片选取
    使用: 输入”/”即可看到相对于本项目文件夹的其他文件

    快捷输入文件名

    Nodejs

    功能: node代码提示
    教程: 地址

    node代码提示

    DocBlockr

    功能: 生成优美注释
    简介: 标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
    使用: 输入/、/*然后回车,还有很多用法,请参照

    DocBlockr生成优美注释
    多行注释

    JSFormat

    功能: Javascript的代码格式化插件
    简介: 很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
    使用: 在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

    Javascript的代码格式化插件

    Alignment

    功能: ”=”号对齐
    简介: 变量定义太多,长短不一,可一键对齐
    使用: 默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

    ”=”号对齐

    CSS值转REM

    插件效果如下:

    cssrem插件效果

    安装

    • 下载本项目,比如:git clone https://github.com/flashlizi/cssrem
    • 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
    • 复制下载的cssrem目录到刚才的packges目录里。
      重启Sublime Text。

    配置参数

    参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem
    px_to_rem

    • px转rem的单位比例,默认为40。
      max_rem_fraction_length
    • px转rem的小数部分的最大长度。默认为6。
      available_file_types
    • 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。

    1. 详细资料: https://packagecontrol.io/packages/Markdown%20Preview

    2. 详细资料:http://www.jianshu.com/p/378338f10263

    相关文章

      网友评论

        本文标题:Sublime Text Package

        本文链接:https://www.haomeiwen.com/subject/cveelttx.html