sublime text3插件

html代码格式化工具

1，Ctrl+Shift+P呼出控制台,

2，搜索：html-css-js prettify并安装

3，快捷键：选中要格式化代码，Ctrl+Shift+H即可。

ps：装上后，快捷键格式化代码提示：Node.js我找到。那么我们就安装一下，官网下载node.js 然后插件中修改node.js路径为刚安装的node路径即可。

文件内自动换行

Sublime Jsformat自定义使用

1，找到 Jsformat插件

2，打开 Setting-user，把setting-default里的文本全部复制过来。

3，将"brace_style": "collapse" 修改为"brace_style": "expand"

参考：http://www.cnblogs.com/wangcan/p/3571461.html

另：推荐一个sublime text路径提示的插件：AutoFileName

sublime 3 cssrem插件

1、Github下载地址：https://github.com/flashlizi/cssrem

2、打开Sublime Text，进入packages目录（Sublime Text -> Preferences -> Browse Packages）；
3 、将cssrem-master文件夹放在上一步打开的目录中，重启sublime text即可生效；

修改默认配置：
打开cssrem-master文件夹下的cssrem.sublime-settings文件，进行修改
{
    "px_to_rem": 40, //px转rem的单位比例，默认为40
    "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css", ".less", ".sass",".html"]
    //启用此插件的文件类型。默认为：[".css", ".less", ".sass"]
}

jQuery、js等代码提示插件——Sublime-Better-Completion

Github地址：https://github.com/Pleasurazy/Sublime-Better-Completion

安装步骤:

安装完后需要配置一下，在控制面板找到插件的默认配置-setting Default复制一份到setting User 将你需要提示的改为true即可。

{
  // --------------------
  // sublime-better-completions-Package (sbc package)
  // --------------------
  // API files is contains the *keyword* such as `html`, `jquery`, `myglossary` with lowercase as filename `sbc-api-${filename}.sublime-settings` place in `/packages/User/` (your own) or `/packages/${this-package}/sublime-completions/` (package build-in).
  // After you enable, disable or added new your own completions, you might need restart your Sublime Text Editor.
  //
  // Your own setting file `sbc-setting.sublime-settings` need to place in `/packages/User/` and contains all your api setting property that you want to enable.
  //
  // --------------------
  // APIs Setup
  // --------------------
  // `true` means enable it.
  // `false` means disable it.
  "completion_active_list": {
    // build-in completions
    "css-properties": false,
    "gruntjs-plugins": false,
    "html": false,
    "lodash": false,
    "javascript": true,
    "jquery": true,
    "jquery-sq": false, // Single Quote
    "php": true,
    "phpci": false,
    "sql": false,
    "twitter-bootstrap": false,
    "twitter-bootstrap-less-variables": false,
    "twitter-bootstrap3": false,
    "underscorejs": false,
    "react": false,

    // Your own completions?
    // ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-angularjs.sublime-settings
    "my-angularjs": false,

    // ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-glossary.sublime-settings
    "my-glossary": false,

    // ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-html.sublime-settings
    "my-html": false,

    // ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-javascript.sublime-settings
    "my-javascript": false
  }
}

CSS Format插件：

相关介绍http://mutian.wang/tech/1508