一个超棒的编辑器 -- 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+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"提示
如安装 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
- 一个超棒的编辑器 -- Sublime Text
- Sublime Text一个跨平台的编辑器
- Sublime Text编辑器的使用
- Sublime Text 3 史上最性感的编辑器
- 程序员的代码编辑器--Sublime Text
- 程序员的代码编辑器--Sublime Text 2
- Sublime Text 2编辑器的妙用
- 程序员的代码编辑器--Sublime Text 2
- sublime text编辑器的一些使用
- sublime text编辑器
- sublime text 文本编辑器
- Sublime Text编辑器
- Sublime Text代码编辑器
- Sublime Text 代码编辑器
- 代码编辑器Sublime Text
- 神编辑器 Sublime Text
- javaScript编辑器-Sublime Text
- Sublime Text编辑器
- 中科院分词ICTCLAS5.0_JNI 使用方法
- 数据结构课程设计-图书管理系统 作者:彭子竹
- Java中对文件的解压缩
- ViewPager 实现无限滑动
- iOS Quartz2D简单的使用
- 一个超棒的编辑器 -- Sublime Text
- MP4文件格式详解——元数据moov(二)tkhd box
- POJ 1423 HDOJ 1018 Big Number(数学—求n!的位数,log取底和斯特林公式的应用)
- MySQL-5.6.13解压版(zip版)安装配置教程
- entity framework 连接Mysql
- iOS代理、block传值
- ViewPager+Fragment打造滑动切换界面
- 着色器shader官方文档翻译
- (第一行代码笔记系列-广播2)自定义广播