/ editor

sublime

基本配置

显示编码和换行符类型:

// Display file encoding in the status bar
"show_encoding": true,

// Display line endings in the status bar
"show_line_endings": true,

// The number of spaces a tab is considered equal to
"tab_size": 4,

// Set to true to insert spaces when tab is pressed
"translate_tabs_to_spaces": true,

操作键

  • 代码上下行移动 Ctrl + Shift + 方向键
  • 多列选择 Ctrl + Alt + 方向键

扩展

  1. Ctrl + `` 打开控制台,安装 Package Control

  2. Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X

  3. 输入 install, 选择 Package Control: Install Package

  4. 输入 prettify, 选择 HTML-CSS-JS Prettify

常用插件:

安装 emmet
安装 sass,scss 文件将右下角的 plain text 改为 sass
安装 jsx,jsx 文件将右下角的 plain text 改为 jsx
安装 Pretty JSON, 快捷键参见 Package Settings -> Pretty JSON
安装 A File Icon

Sublimelinter

  1. Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X
  2. 输入 install, 选择 Package Control: Install Package
  3. 输入 linter, 选择 Sublimelinter

可用具体语言的 linter 参见:https://packagecontrol.io/search/sublimelinter

接着依次安装:

SublimeLinter-csslint,实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。并在本机安装 npm install -g csslint,并将对应的路径配置好。

# Mac OS X, Linux
which <linter>

# Windows
where <linter>

接着配置SublimeLinter,通过菜单Sublime Text -> Prefences -> Package Settings -> SublimeLinter -> Settings-User进行设置,
在这里需要配置一下node的安装位置,通过paths配置项告诉SublimeLinter。可以通过which node命令来确定node的安装路径。如果你是使用nvm,那么配置项如下:

"paths": {
  "linux": [],
  "osx": [
    "~/.nvm/versions/node/v6.14.3/bin"
  ],
  "windows": []
},

编辑 css 文件时,观察左下角的提示。

SublimeLinter-contrib-htmllint
SublimeLinter-eslint
SublimeLinter-phplint
SublimeLinter-json
SublimeLinter-xmllint

点击左下角的图片,打开 console 可以看到如下警告:

SublimeLinter: WARNING: htmllint cannot locate 'htmllint'
SublimeLinter: WARNING: phplint cannot locate 'phpl'

批量删除空白行

  • CTRL+ H 打开 replace 功能,勾选上左侧的 regular expression,并在 find what 栏填写 \s+$replace with栏留空