sublime 常用插件及配置
| 插件名称 | 描述 |
|---|---|
Package Control |
插件包管理器 |
Localization |
汉化插件 |
Default |
作者 |
emmet |
前端代码提示 |
git |
git |
GitGutter |
git 代码对比 |
babel |
代码高亮 es6, jsx 语法高亮 |
ConvertToUTF8 |
解决中文乱码问题 |
DocBlockr |
代码注释 |
ColorPicker |
调色板插件 |
AutoFileName |
文件路径提示 |
HTML-CSS-JS Prettify |
代码格式化插件 |
Terminal |
直接打开命令行插件 |
Package Control
https://packagecontrol.io/installation
Emmet 前端代码提示
http://www.cnblogs.com/engeng/articles/5955167.html
git
1.修改配置文件 添加git软件路径
"git_command": "D:/IDE/Git/cmd/git.exe"
DocBlockr 代码注释
DocBlockr: 代码块注释
可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.
自定义配置:
位置:Preference -> Package Settings -> DocBlockr -> Settings - User
配置:
{
"jsdocs_extra_tags":[
"@Author Hybrid",
"@DateTime {{date}}",
"@copyright ${1:[copyright]}",
"@license ${1:[license]}",
"@version ${1:[version]}"
],
"jsdocs_function_description": false
}
/**
* 函数功能简述
*
* 具体描述一些细节
*
* @param {string} address 地址
* @param {array} com 商品数组
* @param {string} pay_status 支付方式
* @returns void
* @date 2016-06-12
* @author Judy
*/
参考: https://github.com/spadgos/sublime-jsdocs/
https://frontenddev.org/article/sublime-does-text-3-plug-in-docblockr-with-javascript-comments-specification.html
| 关键词 | 描述 |
|---|---|
@auhor |
作者 |
@param |
参数 |
@example |
示例 |
@link |
链接 |
@namespace |
命名空间 |
@requires |
依赖模块 |
@return |
返回值 |
@version |
版本号 |
评论装饰
// Foo bar baz<<Ctrl+Enter>> -- becomes ///////////////// // Foo bar baz // /////////////////
可以通过将jsdocs_decorate设置更改为禁用此功能false。
Git
1.配置git 路径
{
"git_command": "C:/Program Files/MyCmder/vendor/git-for-windows/cmd/git.exe"
}
https://segmentfault.com/a/1190000008761006
GitGutter
git 代码修改高亮
1.配置git 路径
{
"git_binary":"E:\\Program Files\\Git\\bin\\git.exe"
//这里的地址是你Git工具安装的目录下的bin文件夹,不要照着超过去哦,会有问题的
}
babel
babel是一款为 ES6+ JavaScript设计的语法描述插件,支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。
1.包管理器安装: Package Control -> install package -> babel
2.手动安装babel
下载sublime babel插件安装包 https://github.com/babel/babel-sublime 然后把这个安装包解压后放到sublime的安装目录的packages文件夹内; 然后重新打开sublime,【查看】---【语法】--【babel-sublime-master】-【javascript(babel)】选中打钩就行了
ConvertToUTF8
默认快捷键: ConvertToUTF8快捷键为:ctrl+shift+c
注意:
快捷键冲突: 和 ColorPicker 快捷键冲突 要修改一个
1.包管理器安装: Package Control -> install package -> ConvertToUTF8
2.手动安装ConvertToUTF8
下载ConvertToUTF8 https://github.com/seanliang/ConvertToUTF8/archive/master.zip 并解压,将解压后的文件夹名修改为 ConvertToUTF8 ,然后将此文件夹移动到 Sublime Text 的 Packages 文件夹下(可通过 Sublime Text 菜单中的 Preferences > Browse Packages 找到 Packages 文件夹)。
先下载ConvertToUTF8并解压,将解压后的文件夹名修改为 ConvertToUTF8 ,然后将此文件夹移动到 Sublime Text 的 Packages 文件夹下(可通过 Sublime Text 菜单中的 Preferences > Browse Packages 找到 Packages 文件夹)。
ColorPicker
默认快捷键: Colorpicker快捷键为:ctrl+shift+c
自定义快捷键:
修改快捷键: Default (Windows).sublime-keymap
nodejs
打印中文乱码
修改后的文件: Nodejs.sublime-build
"encoding": "utf8",
修改配置: Terminal.sublime-settings 修改快捷键: Default (Windows).sublime-keymap 选择插件文件夹,里面有三个文件,分别是 Default (Linux).sublime-keymap、Default (Linux).sublime-keymap、Default (Linux).sublime-keymap,分别代表了各自系统下的快捷键,根据你自己的系统更改即可。 一般修改配置都是这两个文件
HTML-CSS-JS Prettify
注意点:
- 修改node软件路径
使用此插件需先安装node.js,windows默认安装在C盘,如果安装在其它地方,需额外配置node.js安装目录。 配置 node 目录: 鼠标右击 -> HTML/CSS/JS Prettify -> set `node` path
2.“html-css-js prettify” 格式化CSS会在每个CSS后面都添加一个换行,若想取消该换行:
鼠标右键 -> 'Prettify preference - Default' -> 修改设置 “newline_between_rules” 的参数为 false。
Terminal
配置:
terminal 终端路径
{ // window下终端路径 “terminal”: “C:\MyAPP\cmder\Cmder.exe”, // window下终端参数 “parameters”: [“/START”, “%CWD%”] }
