zoukankan      html  css  js  c++  java
  • Sublime Text 快捷键及使用技巧的学习整理

    下载和安装(很简单,省略)下载地址 http://www.sublimetext.com/2

    1. 有两点需要注意

    a) Sublime Text目前稳定的版本是Sublime Text 2,Sublime Text 3 beta测试版本已经推出,在版本3上进行大幅功能提升。

    b) Mac操作系统和Windows操作系统,快捷键差别较大(这里的快捷键是在Windows系统下)

    2. 启动(略)

    3. 编辑区

      每天工作的地方,越大越好

      关闭后再次打开文档,自动帮我们保存。(非常便利的一个特性)

    4. 菜单

    a) File (文件)

      新建文件 Ctrl + N

      打开文件 Ctrl + O

      Sublime打开文件后,自动识别文件的类型。并且对文件进行语法高亮

      Sublime Text 3可以直接打开图片

    b) Edit (编辑)

    复制

    简单复制Ctrl + V

    保持缩进复制 Ctrl +Shift +V

    复制历史 Ctrl + K + V

    Line

    增加缩进 Ctrl + ]

    增加缩进 Ctrl + [

    复制整行 Ctrl +Shift + D

    删除整行 Ctrl +Shift + K

    与上行互换 Ctrl + Shift + 

    与下行互换 Ctrl + Shift + 

    合并成一行 Ctrl + J

     

    注释

    注释整行 Ctrl + /  (如已选择内容,同“Ctrl+Shift+/”效果)

    注释一片 Ctrl + Shift + /  (注释已选择内容)

     

    Text

    下一行插入新行Ctrl + Enter

    上一行插入新行 Ctrl + Shift + Enter

     

    c) Select(选择)

    全选 Ctrl + A

    选择整行 Ctrl + L

    选择单词 Ctrl + D (按住-继续选择下个相同的字符串)

    光标移动至括号内开始或结束的位置  Ctrl + M

    选择括号内的内容(按住-继续选择父括号) Ctrl + Shift + M

    选择光标位置父标签对 Ctrl + Shift + A

     

    Ctrl + Alt + ↑

    Ctrl + Alt + ↓

    Ctrl + Shift +J

     

    d) Find(查找和替换)

    查找 Ctrl + F

    查找下一个 F3

    查找上一个 Shift + F3

    增量查找 Ctrl + I

     

    替换 Ctrl + H

    替换下一个 Ctrl + Shift + H

     

    快速查找 Ctrl + F3

    快速查找全部 Alt+ F3

    快速增加查找下一个 Ctrl + D (Select(选择))

    快速跳过下一个 Ctrl + K + D

     

    Ctrl + E

    Ctrl + Shift + E

    Ctrl + Shift + F

     

    e) View(视图)

    显示/隐藏侧边栏 Ctrl + K + B

    显示/隐藏控制栏 Ctrl +`

    显示/隐藏菜单栏 Alt

     

    全屏(含侧边栏、菜单栏、导航区) F11

    无干扰全屏(只含菜单栏) Shift + F11

     

    f) Goto(跳转

    Goto Anything(待下面详解)

     

    g) Tools(工具)

    命令模式 Ctrl + Shift + P(待下面详解)

     

    Goto Anything详解

     

    开发一个大型的系统,想要在系统中找到index.html,如何操作?

    一般情况下,点击side Bar 一层层点开文件找到index.html,大型的系统文件嵌套层次比较深的话,使用Goto Anything,大大加快了速度。

    1.Ctrl + P 在输入框中输入index.html,为我们找到匹配的文件。

    2.知道目录结构,可以输入 文件夹/index.html.

    3.支持模糊匹配,

    4.提供符号功能,帮助我们在文件内部进行导航。

    【css文件(@body)找选择器。】

    【js文件(@)找函数。】

      组合使用:(模糊匹配和符号功能)

    public/css/b@body

     

    多行游标功能

    1. 选择mode  : ctrl + d

    2. 选择{  : ctrl + k   ctrl + d

    3. 选择单词 green

    a) 第一种方式(单词选择) ctrl + dctrl + k 跳过某个再 Ctrl + D

    b) 第二种方式(多选) Alt + F3

    c) 第三种方式(拆行) Ctrl + A 全选 Ctrl + Shift + L

    d) 第四种方式(使用鼠标拖拽)Shift + 鼠标右键

     

    使用Esc 可以退出多行游标模式

     

    命令模式

    1. 切换语法模式(以js语法为例)

    a) 点击右下方

    b) 命令模式(Ctrl + Shift + P)打开,输入set syntax javasctipt

    同样输入支持模糊匹配,输入js同样可以。

    c) 模糊匹配也可以帮我们查找我们需要的功能,比如想隐藏导航区minimap,我们不知道命令是什么,但是我们知道它的名字minimap,我们只要输入minimap回车就可以隐藏它了。

     

    2. 实际开发应用中,尽量多地使用命令模式的好处

    (1) 减少鼠标的使用率,加快编码速度

    (2) 减少对快捷键的记忆

     

    学以致用

    演示html开发过程

    1. Ctrl + N打开编辑区

    2. 转换语法模式(命令模式)

    a) Ctrl + shift + p

    b) 输入sshtml

    3. 编辑区输入< html>,闭合

    a) Edit->Tag->Close Tag

    b) 快捷键Alt + >

    c) 插件Emmet   直接输入叹号!,接着 Ctrl +E就生成一整段html代码。

     

    ul>li*9.items$   

     

     

    Ctrl + E 或者 Tab

     

     

    多行游标,选择特征符号>< ,Alt + F3 全选

     

     

    左右方向键←/→进行定位

     

     

    同时编辑多行,输入h2 (大括号里面是内容)

     

     

    Ctrl + E 或者 Tab 确定完成

     

    添加javascrip代码,在title下面,输入script,Ctrl + E或者Tab,光标在</script>前方

    我们需要在上一行编辑内容,Ctrl + Shift + Enter

    我们不打算编辑js代码,而是从其他文件中复制这是实际开发中非常常见的,Ctrl +C 和 Ctrl + V。

    Goto Anything找到想要拷贝的js文件,Ctrl + P

    选择需要的代码,Ctrl +C

    Ctrl + V 是简单的复制,代码格式很糟糕。

    保持缩进粘贴,Ctrl + Shift + V

     

    Package Control

    Package Control管理插件

    安装Package Control 网址 https://packagecontrol.io/

    View->Show Console 或者快捷键 Ctrl + ` 打开控制台

    拷贝安装代码,回车安装完成

    SUBLIME TEXT 3

    import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

    SUBLIME TEXT 2

    import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

    Ctrl + Shift + P命令模式,输入 pc 模糊匹配 Package Control

      

    最常用的是安装新插件Package Control:Install Package

    命令模式输入pci快速模糊匹配Package Control:Install Package

      

     

    Sublime支持自定义主题,是其如此受欢迎的原因之一, theme插件

    1. 直接命令模式theme模糊匹配找到主题

    a) theme -Soda

    b) theme -Flatland

    c) theme-spacegray等等

     

    可以在官方网站,看主题的样式 https://packagecontrol.io/browse/labels/theme

     

    安装步骤:

    1. Ctrl + Shift + P命令模式,输入pc模糊匹配Package Control->Package Control:Install Package

    2.输入theme-spacegray,回车进行安装

     

    安装完成之后,会自动有一些使用说明。

      

    将配置信息复制到我们的用户配置信息中

      

    打开用户配置信息 Preferences->Settings-User

      

      

    将复制的内容拷贝进来

      

      

    保存,Sublime立即响应主题

      

     

    snippets以模板的方式编程

    使编程更快,并保持一种良好的编程风格

     

    辅助技巧

    辅助技巧1:advanceNewfile 创建文件 快捷键  Ctrl + Alt +N

    辅助技巧2:httpRequest  服务器端http请求 快捷键  Ctrl + Alt +R

    辅助技巧3:nettus fetch 管理/更新类库 快捷键  Ctrl + Alt +R

    辅助技巧4:sidebarenhancement  侧边栏功能 快速在浏览器中查看html文件效果

    快速添加注释

    DOCblock /** + Tab 

    语法校验

    Lint插件

    sublimeLint

    jslint

  • 相关阅读:
    Spring国际化模块
    广告牌 循环 轮播 图片
    ImageLoader 网络加载图片
    ProgressBar 进度条 旋转
    UI处理 线程
    权限 动态 访问
    系统 状态栏 导航栏
    对话框 dialog 整理
    修改 字体
    获取 Activity中所有的View ViewGroup
  • 原文地址:https://www.cnblogs.com/web-HCJ/p/5484252.html
Copyright © 2011-2022 走看看