一个超棒的编辑器 -- Sublime Text

来源:互联网 发布:d3.js v3 v4区别 编辑:程序博客网 时间:2024/06/05 17:30

以下是 Sublime Text 2 的常见使用方法:


新建文件   Ctrl+N


复制一行   Edit -> Line -> Duplicate Line
删除一行   Edit -> Line -> Delete Line
多次复制   Ctrl+Shift+D

注释/解除注释   Edit -> Comment -> Toggle Comment

在当前行下方插入新行   Edit -> Text -> Insert Line After  (Ctrl+Enter)
在当前行上方插入新行   Edit -> Text -> Insert Line Before  (Ctrl+Shift+Enter)

关闭标签   Edit -> Tag -> Close Tag  (Alt+.)

选择整行   Selection -> Expand Selection to Line
选择整个单词   Selection -> Expand Selection to Word
(重复执行命令可以实现多选)

查找   Find -> Find…   (回车可以切换查找结果)
查找替换   Find -> Replace… (Ctrl+H)

显示侧边栏   View -> Side Bar -> Show Side Bar

隐藏侧边栏   View -> Side Bar -> Hide Side Bar


打开目录结构  File -> Open Folder...


快速导航   Goto -> Goto Anything…  (Ctrl+P)
{
   如输入":20"可以跳转到20行;
   如输入"index.html"可以找到该文件;
   如输入"@"可以找到CSS文件中的所有选择器,也可以找到js文件中的所有函数;
   如输入"#body"可以导航到页面中的body标签;
   支持模糊匹配;
}

命令模式   Tools -> Command Palette… (Ctrl+Shift+P)
{
   如输入"Set Syntax JavaScript"可以把当前的语法模式变成JavaScript;
         另外,切换语法模式也可以通过编辑器右下角的语法选择区进行选择;
   如输入"minimap"可以隐藏/显示屏幕右上角的minimap;
   支持模糊匹配;
}

默认设置文件   Preferences -> Settings-Default
用户设置文件   Preferences -> Settings-User

颜色组合   Preferences -> Color Scheme

多行游标   Ctrl+D     跳过当前游标   Ctrl+K Ctrl+D
通过选择所有该单词产生多行游标   Alt+F3
通过拆行的方式产生多行游标   Ctrl+A   Ctrl+Shift+L

通过鼠标拖动产生多行游标   Shift+鼠标右键


退回  Ctrl+Z
不乱格式的粘贴  Ctrl+Shift+V


安装插件 Package Control

打开官网 https://packagecontrol.io/,点击 Install Now,
在Sublime中,点击 View -> Show Console
复制SUBLIME TEXT 3(或2,据自己编辑器的版本而定)下的代码,粘贴到Console中,回车,等待安装完成重启sublime
在命令模式中输入"Package Control",可以看到很多的命令,如:
      Install Package安装新插件 List Package列出安装过的插件 Remove Package删除插件 Disable Package禁用插件

以下介绍 Package Control 的几款插件:


Emmet 插件
输入"!",按"Ctrl+E"可快速生成html5的模板
输入"ul>.item$*10",按"Ctrl+E"可快速生成类名为item1-item10的无序列表


安装主题 点击Install Package,输入"theme",在显示的列表中选择要安装的主题,如Theme-Spacegray 插件,通常安装完成会出现一个配置文件,按其中要求修改个人设置

安装之前先在Package Control官网上看看主题的样式,在Labels下点击theme即可查看

snippets 快速编码,不同的语言snippets是不同的,以js为例,
在命令模式中输入snippet,选择snippet:Function,回车即产生一个函数模板
以插件形式启动的snippet,如安装 JavaScript & NodeJS snippets 插件,然后就可以使用这个插件提供的snippet了

如输入"gi",就会出现"getElementById"提示


如安装 jQuery 插件可以简化jQuery编码

如安装 Insert Callback 插件 ,则可以用"Alt+C"快速添加回调函数

管理/更新类库(如jQuery)
安装 nettus fetch 插件
在命令模式中输入Fetch:Manage可以管理类库
如何使用fetch来快速下载最新版本的jQuery:新建一个空文件jQuery.js,打开它,在命令模式中输入Fetch:File命令,回车即可下载

快速添加注释
安装 DocBlockr 插件
输入"/*",回车,自动补全注释块
输入"/**",回车,自动补全注释块

在函数上方输入"/**",按Tab键,可自动补全描述函数的注释格式


设置快捷键来进行单行注释和块注释

Preferences -> Key Binders - User

添加

{ "keys": ["alt+3"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["alt+4"], "command": "toggle_comment", "args": { "block": true } }

即可设置为 alt+3 为单行注释,alt+4 为块注释


HTML-CSS-JS Prettify 插件,格式化代码

下载安装 Node.js,官网地址:https://nodejs.org/en/

鼠标右键 HTML/CSS/JS Prettify > Set Plugin Options 保证插件路径与 Node.js 安装路径一致,Ctrl+s 保存

鼠标右键 HTML/CSS/JS Prettify > Prettify Code 查看效果

如果报错:Node.js was not found in the default path. Please specify the location,

参考这个:http://jingyan.baidu.com/article/e8cdb32b3f32f237052badfe.html









1 0