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