sublime 常用插件及配置

作者: admin 分类: 软件使用 发布时间: 2023-01-29 08:51
插件名称 描述
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

注意点:

  1. 修改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%”] 
    }

     

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

标签云