美文网首页
sublime text3编辑器安装与使用

sublime text3编辑器安装与使用

作者: Ching_Lee | 来源:发表于2019-02-10 20:07 被阅读0次

    1.安装

    http://www.sublimetext.com/3

    选择相应版本安装
    下载

    2.ctrl+shift+p:打开命令面板

    • 命令面板中keybinding命令打开文件中存放着所有的快捷键


      选中该命令,按回车健
      所有的快捷键都存放在此文件中

      可以在user中自己添加快捷键

    • 格式化代码,调整缩进


    3.常用快捷键

    • ctrl+加号:放大字体
    • ctrl+减号:缩小字体
    • ctrl+n:新开页面
    • ctrl+Tab:页面之间做跳转
    • ctrl+ J:选中多行合并成同一行
    • ctrl+ ]:右缩进
    • ctrl+[: 左缩进
    • ctrl+L:选中当前行
    • ctrl+c:拷贝
    • ctrl+v:粘贴
    • ctrl+shift+enter:开辟新行(上一行)
    • ctrl+enter:开辟新行(下一行)
    • ctrl+Z:撤销操作
    • Alt+左箭头:以单词为标准左移
    • ctrl+shift+左箭头:选中鼠标坐边
    • ctrl+shift+右箭头:选中鼠标右边
    • ctrl+A:全选

    4.sublime自定制

    命令面板

    设置命令中是此编辑器的相应设置,可以在user中进行修改,会覆盖默认设置。


    5.package control安装扩展包

    迫于某些不可描述的原因, 无法安装Package Control, 请执行以下步骤手动安装包控制:
    1.访问github下载所有文件
    https://github.com/A1k4id/channel_v3.json
    2.在sublime text3中
    点击 Preferences > Browse Packages... 菜单
    进入 Installed Packages/ 文件夹
    将下载的 Package Control.sublime-package 拷贝到 Installed Packages/ 目录
    重启 Sublime Text

    3.将channel_v3.json存放于本地,并记得其存放路径,我这里将其存放在Sublime的安装路径下。


    channel_v3.json存放于本地

    点击 Preferences > Package Settings > Package Control > Settings - User,如图所示添加channels


    添加channels
    1. 判断package control安装成功,并用其安装包。
      使用ctrl+shift+p调用命令框,输入install,选中install package
    选中第一个

    弹出下图为package control安装成功


    弹出安装包模块

    就可以查找相应包并安装。

    5.package control安装svn插件
    https://www.cnblogs.com/ficohu/p/5717298.html

    6.快速查找文件

    • ctrl+p:输入文件名,查找文件
    • ctrl+f:文件内查找
    • ctrl+h:文件内查找替换
    • ctrl+d:光标所在位置选中,多点编辑
    • 文件夹中查找,文件夹右键find in folder,f4依次查看。
    • alt+减号:跳转到原来的编辑处。

    7.web开发必备插件emmet

    • 自动补全
      html+tab键
    • 使用package control install安装插件emmet
      emmet插件的一些用法:
    css
    p20+tab表示padding:20px;
    m0 auto+tab表示margin:0 auto;
    
    .test+tab:<div class="test"></div>
    #test+tab:<div id="test"></div>
    .test1>.test2+tab:
     <div class="test1">
        <div class="test2"></div>
    </div>
    
    ul.select>li*5+tab:
    <ul class="select">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    

    其余使用可以参考https://docs.emmet.io/actions/

    Wrap with Abbreviation 添加标签
    Remove Tag删除标签

    相关文章

      网友评论

          本文标题:sublime text3编辑器安装与使用

          本文链接:https://www.haomeiwen.com/subject/dvcosqtx.html