zoukankan      html  css  js  c++  java
  • Sublime 安装、插件CoolFormat

    http://www.sublimetext.com/3

    安装Package Control

    https://packagecontrol.io/installation#st3

    安装插件Cool Format

    介绍
    http://akof1314.github.io/CoolFormat/doc/index.html
    CoolFormat源代码格式化是一款CC++C#CSSHTMLJavaJavaScriptJSONObjective-CPHPSQLXML代码格式化工具。软件可以快速多种风格格式化,并对语言进行着色。界面采用Office 2010风格,并有多种样式可以替换。并且支持代码高亮到网页上显示,方便博客文章之类的撰写阅读。

    使用介绍
    1. 全新Ribbon界面,操作方便;
    2. 支持全部、部分、批量格式化方式;
    3. 代码格式化风格如右图所示:
    4. 支持代码高亮到网页、博客;

    主要功能编辑
    1. 对CC++C#CSSHTMLJavajavascriptJSONobjective-cphpSQLXML代码快速格式化、批量格式化;
    2. 可拖曳新文件到窗体上实现快捷打开;支持代码高亮到网页、博客。
    3. 支持自定义高亮主题;行号显示;边框显示;支持自定义编辑器主题。[2]
    4. 做为第三方编辑器的插件:Visual Studio 2013、Sublime Text、Notepad++。

    用Package Control安装插件的方法:
    1. 按下Ctrl+Shift+P调出命令面板
    Sublime 命令窗口
    2. 输入install 调出 Install Package 选项并回车,然后在列表中输入“cool”。
    3. 选中“CoolFormat”安装

    CoolFormat使用方法
    方法一
    1. 选择View->Syntax下合适的语言:
    2. 使用快捷键: ctrl+alt+shift+q 格式化全文;ctrl+alt+shift+s 格式化选中部分;

    方法二
    1. 复合键ctrl+shift+P调用command palette(命令调色板),输入 “ss”+语法,可以快速设置语法
    这里写图片描述
    如想设置语法为xml,即可输入“ssx”,回车即可
    2. 在command palette(命令调色板)中输入“cq”,即可格式化内容
    这里写图片描述

    创建右击菜单
    a. 点击Preferences->Browse Packages…,打开插件文件夹
    b. 进入CoolFormat文件夹,创建名为“Context.sublime-menu”的文件
    c. 编辑如下内容,保存

    [
      {
        "caption": "CoolFormat",
        "children": [
          {
            "caption": "CoolFormat: Quick Format",
            "command": "coolformat",
            "args": {
              "action": "quickFormat"
            }
          },
          {
            "caption": "CoolFormat: Selected Format",
            "command": "coolformat",
            "args": {
              "action": "selectedFormat"
            }
          },
          {
            "caption": "CoolFormat: Formatter Settings",
            "command": "coolformat",
            "args": {
              "action": "formatterSettings"
            }
          }
        ]
      }
    ]
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28

    d. 在右击,可看到CoolFormat,很方便使用
    这里写图片描述

    插件介绍

    Cool Format

    CoolFormat源代码格式化工具

  • 相关阅读:
    vue-awesome-swiper
    兼容各浏览器到达顶部
    正则表达式
    设置当前窗口url中param的值
    IE8不支持的部分css3属性处理
    WebGL中的函数及内置属性介绍
    WebGL着色器
    cookie的存储
    如何处理一段字符串数据
    MUI框架
  • 原文地址:https://www.cnblogs.com/lxwphp/p/7730936.html
Copyright © 2011-2022 走看看