• 河南网站建设-郑州网站建设-上海网站建设-SEO优化-网络营销-经典美文

  • 专注网站建设 服务热线: 13061801310

当前位置:东东网 > 近期动态 > 东东观点 > 正文

sublime编辑器使用指南

发布时间:2017-12-31 | 发布者: 东东工作室 | 浏览次数:

sublime是一款非常轻量级而且功能十分强大的编辑器,简约而不简单,比如强大的命令行模式和游标功能等等。快捷键使用起来也十分方便,非常适合程序员们使用的一款编辑器,以下是观看学习慕课网老师视频后总结的笔记,不是太完整,不足之处批评指正!谢谢~

sublime编辑器使用指南(快速入门)
 
sublime编辑器使用指南(快速入门)
 

工具/原料

 
  • http://www.sublimetext.com/3,下载最新版的sublime3
  • 下载完成直接安装即可,本文介绍均是windows环境下的操作

方法/步骤

 
  1. 1

    一、sublime菜单简介【常用功能及快捷键】

    【Edit菜单】

    1、line行操作快捷键

    ctrl+] 增加缩进

    ctrl+[ 减小缩进

    ctrl+shift+D 复制当前行

    ctrl+shift+K 删除当前行

    ctrl+shift+↑ 当前行与上行交换位置(也可以选中多行上下移动位置)

    ctrl+shift+↓ 当前行与下行交换位置

    2、comment注释功能

    ctrl+/ 注释当前行

    ctrl+shift+/ 选中多行(块)进行注释

    3、text文本操作

    ctrl+shift+enter在当前行前插入一行

    ctrl+enter在当前行后插入一行

     

    ctrl+Delete 删除光标后的一个单词(以单词为单位向后删除)

    ctrl+Backspace 删除光标前的一个单词(以单词为单位向前)

    (普通的delete和Backspace对字母操作)

     

    ctrl+shift+K 删除当前行

    ctrl+K,ctrl+K 删除至end

     

    ctrl+T 逐个单词向前移位

     

    【select菜单】

    首先将光标移至要编辑的行

    1、ctrl+L快速选中当前行

    2、ctrl+D快速选中光标所在单词word

     

    【Find菜单】

    ctrl+F 查找

     

    【view菜单】

    side Bar

    1、ctrl+K,ctrl+B view or hide sidebar

     

    【Goto菜单】

    1、Goto Anything非常好用的功能,快捷键ctrl+P

    2、[:num当前文件不同行之间跳转(类vi)]

    3、输入路径、文件名,跳转到指定文件

     

    【Tools菜单】

    命令模式,此为sublime特有功能,快捷键ctrl+shift+P

     

    【preferences菜单】

    sublime的设置

    settings-Default,默认设置,json格式,可以修改

    settings-User,可以从Default中复制选项定制用户自己的显示效果

    字体大小可以通过:ctrl+滚动鼠标变大变小

    Color Scheme 颜色模式,默认是Monokai模式,比如夜晚可用Solarized(Dark)模式

    sublime编辑器使用指南(快速入门)
    sublime编辑器使用指南(快速入门)
    sublime编辑器使用指南(快速入门)
  2. 2

    二、Goto Anything

    快捷键ctrl+P   输入@定位css标签,js函数

    1、除了(一)中提到的两个功能--定位和不同文件切换,还有

    2、例如打开一个css文件,ctrl+P打开命令行,输入@,在不同的css选择器进行导航

    3、在一个javascript文件中,若有多个函数,输入@,在不同的函数进行导航

     

    example:打开文件bootcss/dist/css/bootstrap.css下的body便签进行编辑

    操作:ctrl+P->bootcss/dist/css/bo@body

  3. 3

    三、多行游标

    this is GreenBoots

    this is GreenBoots

    this is GreenBoots

    this is GreenBoots

    this is GreenBoots

    this is GreenBoots

     

    ctrl+H:查找替换

    ctrl+D:选中内容

    ctrl+K-->ctrl+D 跳过选取

    ctrl+D-->Atl+F3全选匹配内容

    ctrl+shift+D复制当前行

    产生多行游标:

    1、ctrl+D

    2、ctrl+D --> Atl+F3 全选

    3、ctrl+A --> ctrl+shift+l 拆分行

    4、鼠标放在单词上,按shift+鼠标右键下拉

  4. 4

    四、命令模式

     

    【ctrl+shift+P】启动命令模式

    ss : set syntax 语法模式提示  

    输入js  然后enter就将该文件设置为js模式

    输入css 然后enter就将该文件设置为css模式

    输入minmap  关闭/打开minmap 

  5. 5

    五、综合使用编辑HTML文档

    1、【安装插件:Emmet】

    (1)输入“!”+【Ctrl+E】:生成HTML的文档

    (跳转到Body:不要使用鼠标,使用Ctrl+Shift+P:打开命令模式。输入#,进行页面的匹配,输入bod,匹配body,按住Enter进行跳转,跳转到了Body。按住Ctrl+Enter:跳转到body的下一行)

    (2)输入“ul>.item$*10” +【Ctrl+E】,生成10个li

    (3)输入“h2{content}”+【Ctrl+E】 

     

    2、快捷键【Ctrl+Shift+V】  保留原格式粘贴,流辟到不行!!!!O(∩_∩)O~ 

  6. 6

    六、Page Control

     

    1、安装packageControl(管理插件的工具)

    打开 https://packagecontrol.io/,点击右侧菜单installation

    根据版本及提示进行安装ctrl+'`'打开console,将

     

    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)

     

    粘贴后enter即可

     

    2、安装完成page control后,启动命令模式ctrl+shift+P或直接在菜单preferences中的最下方打开

    输入pc可以快速定位page control,page control有很多命令,如:Add Channel、Install Package等等

    List Package:列出安装的插件包

    Disable Package:禁用插件(有时候因为插件快捷键冲突需要禁用)

    Install Package:安装插件

     

    3、安装:ctrl+shift+P,pci,安装插件,enter会显出很多可供插件的列表

    亦可在https://packagecontrol.io/查看插件的功能等信息

    例:安装主题:先在https://packagecontrol.io/下的theme查看相关主题

    安装主题过程:

    (1)打开命令模式ctrl+shift+P

    (2)输入pci,enter

    (3)输入theme->模糊匹配spacegray(某一种主题),enter安装

    (4)选择刚才安装的主题,自动方法:preferences->color scheme->theme-Spacegray->具体某个版本

    手动方法:从安装后提示给出的example中的json文本复制至settings-user

  7. 7

    七、sinppets以模板方式编程

    (1)打开page Control,输入sinppets-Function,(js文件)tab键版块高亮,编写代码

    (2)自动补全功能:输入Fun,补全函数;输入ife,补全if else;输入p,prototype...

     

    比如在javascript中经常要输入document.getElementById("tag"),

    如果安装了javascript sinppets,那么输入gi即可

    安装javascript sinppets插件的方法:ctrl+shift+P,输入pci,->javascript sinppets->enter安装完成

     

    提示:安装其他的sinppets方法类似

  8. 8

    八、快速添加注释

    安装插件【Docblockr】安装过程和上面安装插件一样,不再赘述,使用方法:

    1、输入 /* +enter,生成一个注释块

    2、输入 /** +enter,生成一个注释块,enter换行仍为注释

    3、在新建函数上方输入 /**+tab,生成详细注释如下

    /**

     * [func description]

     * @param  {[type]}

     * @param  {[type]}

     * @return {[type]}

     */

    function func (a,b) {

    return a+b;

    }

     

转载请标注:东东工作室——sublime编辑器使用指南