快速安装自己的Sublime系列

安装插件管理(Package Control)

主题

Material Theme:The most epic theme for Sublime Text.

配置:(4种主题)

默认主题

"theme": "Material-Theme.sublime-theme","color_scheme":
"Packages/Material Theme/schemes/Material-Theme.tmTheme",

material-theme-default@2x

DarKer主题

"theme": "Material-Theme-Darker.sublime-theme","color_scheme":
"Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",

material-theme-darker@2x

palenight主题

"theme": "Material-Theme-palenight.sublime-theme","color_scheme":
"Packages/Material Theme/schemes/Material-Theme-palenight.tmTheme",

material-theme-palenight@2x

Lighter主题

"theme": "Material-Theme-Lighter.sublime-theme","color_scheme":
"Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",

material-theme-lighter@2x

插件

  1. Emmet:编码快捷键,前端必备
  2. autoprefixer:CSS添加私有前缀,选择CSS代码,Ctrl+Shift+P,选择autoprefixer即可
  3. Js​Format:Javascript的代码格式化插件,快捷键(Ctrl+Alt+F或Control+Alt+F)
  4. jQuery:JQ函数提示
  5. Doc​Blockr:生成优美注释
  6. Nodejs:node代码提示
  7. File​Diffs:强大的比较代码不同工具,右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可
  8. Chinese​Localizations:汉化插件,提供简中,繁中,英文,日文四种语言切换
  9. HTML-CSS-JS Prettify:格式化HMTL/CSS/JS
  10. Delete​Blank​Lines:删除多余空行
  11. cssrem:一个CSS值转REM的Sublime Text插件

常用配置

  1. "update_check": false, // 禁止自动更新
  2. "word_wrap": "true" // 设置自动换行
  3. "trim_trailing_white_space_on_save": true, // 保证在文件保存时,移除每行结尾多余空格
  4. "highlight_line": true, // 当前行高亮
  5. "tab_size": 4, // Tab转换,转成4个空格
  6. "save_on_focus_lost": true, // 窗口失焦立即保存文件
  7. "font_size": 14, // 字体大小
  8. "show_encoding": true, // 显示当前文件的编码
  9. "show_full_path": true, // 显示全路径
  10. "font_face": "YaHei Consolas Hybrid", // 字体设置
  11. "font_face": "Comic Sans MS", // 超赞字体

相关链接