sublime从官网纯净版到插件完整版

　　 

01.纯净版下载地址:www.sublimetext.com/

02.下载Package Control插件管理工具,网址:https://packagecontrol.io/

　　安装介绍:https://packagecontrol.io/installation

1. 点击菜单Preferences > Browse Packages…

2. 然后打开上一级文件夹到已安装的Packages所在文件夹 Installed Packages

   

3. 从 https://packagecontrol.io/下载后，复制该文件到上面打开的目录

4. 重启Sublime Text,完成对Package Control的安装

   

03.然后就是汉化了

　　Ctrl+Shift+P --> install -->Package Control: install --> 回车

　　然后出入chinese就可以了,回车自动安装 

     

    安装成功界面

04.侧边栏修改为黑色

　　通过Ctrl+Shift+P --> install -->Package Control: install 搜索下载这个SyncedSidebarBg插件

　　

　　安装成功页面

05.自动提示路径插件(autuFileName)

    

06.Emmet语法插件

　　

　　注:安装Emmet后tab键失效问题https://github.com/sergeche/emmet-sublime#tab-key-handler

　　附Emmet语法:

　　

展开缩写 - Tab或Ctrl+E
互动“展开缩写” - Ctrl+Alt+Enter
匹配的标签对拓展 - ⌃D（苹果机）/ Ctrl+,（PC）
匹配的标签对汇入 - ⌃J/Shift+Ctrl+0
转到对匹配 - ⇧⌃T/Ctrl+Alt+J
向上增加一个标签 - ⌃W/Shift+Ctrl+G
进入编辑点 - Ctrl+Alt+→或Ctrl+Alt+←
选择项目 - ⇧⌘.或⇧⌘,/ Shift+Ctrl+.或Shift+Ctrl+,
切换注释 - ⇧⌥//Shift+Ctrl+/
拆分/加入标签 - ⇧⌘'/Shift+Ctrl+`
删除标记 - ⌘'/Shift+Ctrl+;
更新图像大小 - ⇧⌃I/Ctrl+U
评估数学表达式 - ⇧⌘Y/Shift+Ctrl+Y
反映CSS值 - ⇧⌘R/Shift+Ctrl+R
编码/解码图像数据：URL - ⇧⌃D/Ctrl+'
重命名标签- ⇧⌘K/Shift+Ctrl+'

递增/递减号行动：

加1： Ctrl+↑
减1： Ctrl+↓
0.1增加： Alt+↑
0.1递减： Alt+↓
增量10：⌥⌘↑/Shift+Alt+↑
递减10：⌥⌘↓/Shift+Alt+↓

07.JSFormat:JS代码格式化:快捷键Ctrl+Alt+F  或者 选中代码右键JSFormat

　　

08.LESS:编译less文件的插件

　　unable to interpret argument cleancss...如果出现该错误信息

　　打开控制台输入npm install less-plugin-clean-css

　　然后重启sublime,即可

　　打开.less文件，编写代码保存即可看到同时生成.css的文件，如果没有则需要安装node。不推荐用这种方法编译，要么用koala，要么就用grunt编译。

　　

09.less2Css : less代码高亮插件

　　

10.DocBlockr : 生成注释

　　

11.IMESupport : 汉字跟谁光标输入

　　

11.trailing spaces : 检测并一键去除代码中多余的空格

　　安装插件并重启，即可自动提示多余空格。一键删除多余空格：CTRL+SHITF+T（需配置），更多配置请点击标题。快捷键配置：在Preferences / Key Bindings – User加上代码（数组内）

　　{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }

　　

12.filediffs : 代码去重;比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具，精确到行。

　　　　　　右键标签页，出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

　　

13.gitgutter : 指示代码中插入、修改、删除的地方

　　

14.Bracket Highlighter : 可匹配[], (), {}, “”, ”, <tag></tag>，高亮标记，便于查看起始和结束标记

　　

15.SideBarEnhancements:增强侧边栏插件

　　

16.Boxy Theme 主题

　　

　　配置信息:

　　图标插件zz File Icons

{
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
    "ignored_packages":
    [
        "Vintage"
    ],
    "theme": "Boxy Ocean.sublime-theme",
    "theme_accent_lime": true,
    "theme_autocomplete_item_selected_colored": true,
    "theme_bar_margin_top_sm": true,
    "theme_dropdown_atomized": true,
    "theme_find_panel_close_hidden": true,
    "theme_icon_button_highlighted": true,
    "theme_panel_switcher_atomized": true,
    "theme_quick_panel_item_selected_colored": true,
    "theme_quick_panel_size_md": true,
    "theme_scrollbar_colored": true,
    "theme_scrollbar_line": true,
    "theme_sidebar_close_always_visible": true,
    "theme_sidebar_folder_atomized": true,
    "theme_statusbar_size_md": true,
    "theme_tab_close_always_visible": true,
    "theme_tab_selected_overlined": true,
    "theme_tab_size_md": true
}

 17.CSS format:CSS代码格式化;选择css代码后右键

　　

18.HTML prettify:JS/CSS/HTML代码格式化

　　默认快捷键Ctrl+Shift+H

 19.自动保存:设置里面加一行代码　　花括号内

　　"save_on_focus_lost": true

　　--基本工具都差不多有了,先就这样--

图片来源: 轩枫阁  作者：ivan