Sublime Text 插件整理

面添加的css文件中的样式AutoFileName提示文件路径，快速输入文件名 1）在Sublime中安装 AutoFileName 插件 2）在输入文件路径时会自动提示，如路径名、图片选取等Doc?Blockr生成优美注释 1）在Sublime中安装 Doc?Blockr 插件 2）输入/*或/，然后按回车，会自动生成优美注释，如果在函数上面写/，还会包括参数、返回值等GitGutter本地Git变化提示，可以在行首显示当前行的Git状态，是增加的、修改的还是删除的 1）在Sublime中安装 GitGutter 插件 2）在当前Git状态与本地仓库中的状态有改变时会显示AngularJSAngularJS提示插件 在Sublime中安装 AngularJS 插件即可MarkdownEditing编辑markdown时高亮显示 1）在Sublime中安装 MarkdownEditing 插件 2）设置显示样式外观等 打开Preference –> Package Settings –> Markdown Editing –> Markdown GFM Settings-User，在打开的文件中添加如下内容 { // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme”, “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme”, “draw_centered”: false, //默认为true，居中对齐，设置为false，左对齐 “wrap_width”: 120, //每行字符数上限 “highlight_line”: true, //当前行高亮显示 } 注：更多配置可以参考Markdown GFM Settings-DefaultMarkdown Preview在浏览器中预览生成的HTML文件 1）在Sublime中安装 Markdown Preview 插件 2）为浏览器绑定快捷键 打开Preference –> Key Bindings-User，在打开的文件中添加如下内容 {“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}} 至此，所有设置已经完成，编辑md文件后按相应的热键，直接在指定的浏览器中预览Terminal在当前位置打开终端 1）在Sublime中安装 Terminal 插件 2）使用方法 在左侧的边栏中右击文件，选择Open Terminal Here即可SublimeText-Nodejs在Sublime中直接运行调试（此插件的安装方式比较特殊，无法直接通过Package Console安装） 1）git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Nodejs 2）配置 当安装好nodejs后,接着进入Perferences -> Browse Packages -> Nodejs 打开Nodejs.sublime-build文件，将osx中内容改为 “cmd”: [“killall node; /usr/local/bin/node $file”] 打开Nodejs.sublime-settings文件，将node_command内容改为/usr/local/bin/node，npm_command内容改为/usr/local/bin/npm 3）运行node.js 通过快捷键command + b直接运行，显示调试结果（此插件的安装方式比较特殊，无法直接通过Package ）ConvertToUTF8解决Sublime不支持GBK、GB2312编码的问题，支持打开GBK编码的文件 在Sublime中安装 ConvertToUTF8 插件cssrem自动将CSS的px值转换为rem值（此插件的安装方式比较特殊，无法直接通过Package Console安装） 1）git clone https://github.com/hyb628/cssrem.git 2）进入packages目录：Sublime Text -> Preferences -> Browse Packages 3）将克隆下载的cssrem-master目录复制到上一步打开的Packges目录里 4）修改默认配置 打开cssrem-master目录下的cssrem.sublime-settings文件，进行修改 { “px_to_rem”: 40, //px转rem的单位比例，默认为40，一般修改为100 “max_rem_fraction_length”: 6, //px转rem的小数部分的最大长度。默认为6。 “available_file_types”: [“.css”, “.less”, “.sass”,”.html”] //启用此插件的文件类型。默认为：[“.css”, “.less”, “.sass”] } 5）重启Sublime Text