• sublime介绍常用插件和快捷键


    简介

    1. Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来的,它最初被设计为一个具有丰富扩展功能的Vim。
    2. 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
    3. Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的Python API,Goto功能,即时项目切换,多选择,多窗口等。

    下载地址

    传送门

    常用插件介绍

    1. package control 这个是对你的sublime的包进行管理的一个工具

      安装方法:

      • 按Ctrl+`调出console
      • 粘贴以下代码到底部命令行并回车(sublime3)
      import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
      
      • 重启sublime,如果在Perferences->package settings中看到package control这一项,则安装成功
      • 使用的时候按Ctrl+ shift+p,选择install就可以下载包了,以下介绍的插件都是用这个安装的
    2. BracketHighlighter

    用途:高亮显示匹配的括号,引号,标签

    ***介绍:BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配 的 [] ,  () ,  {} ,  "",  '' ,  等甚至是自定义的标签,当看到密密麻麻 的代码             分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围
    ***
    
    1. SideBarEnhancements

      用途:侧边栏增强插件

      • 这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键
      • 安装此插件,点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在 firefox,chrome,IE,safari,opera浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己 电脑里的文件路径为准
      • 有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能
      • 由于空间有限,这里只做复制文件路径和定义火狐浏览器,其他浏览器同理
      [
          { "keys": ["ctrl+shift+c"], "command": "copy_path" },
          //firefox
          { "keys": ["f1"], "command": "side_bar_files_open_with",
               "args": {
                  "paths": [],
                  "application": "C:\software\Browser\Mozilla Firefox\firefox.exe",
                  "extensions":".*" //匹配任何文件类型
              }
          },
      ]
      
      
    2. colorPicker

      用途:调色盘

      在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker可以让sublime text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。

    3. Emmet

      html/CSS快速编辑(原名Zen Coding)

      • 不用都记住,记住一些常用的就可以了
      • 不知道怎么提供可下载的图片,所以请自行百度吧:)
    4. IME support

      这个主要是解决编辑器里面打字时提示框不跟随光标的问题

      这个插件是支持你打字时候跟随的候选框跟随光标,因为即使是你设置了输入法可以跟随光标也不行,因为编辑器不支持,所以需要这个插件添加一个支持

    5. sublime Server

      启动一个简单的webServer

      • 支持你以localhost开头的地址打开文件,而不是以file协议
      • 使用的时候只需要在菜单栏-工具栏中打开sublime server,在编辑器中右键就会有以sublime server打开文件,不要手动关闭这个插件,容易发生位置错误,当关闭掉sublime的时候,该插件也会自动关闭
    6. SASS Build

      是一个编写CSS的预处理器

      ***这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按 Ctrl+ B(MAC系统是 Command +B)来启动它


    1. markdown Editing和markdown Preview

      两款插件都是提供给sublimeMarkdown支持

      • MarkdownEditing是一个Sublime Text的Markdown插件。提供了一种合适的Markdown着色方案(light 与 dark),包含强大的语法高亮,和实用的Markdown编辑功能
      • Markdown Preview是实现markdown文件实时预览功能
        使用的时候Ctrl+ shift+p 输入markdown Preview 选择markdown
    2. DocBlockr

      快速生成注释的代码块

      使用的时候输入/**或者/*之后按tab或者回车就会生成代码块在不同的位置会生成不一样的代码块,注释功能十分强悍

    3. todoReview

      记录TODO事项

      • 你可以在任意代码注释中输入TODO:something
      • 打开ctrl+shift+p 输入todoreview 选择todoreview:project files,这时会生成一个所有标注TODO的列表
      • 这个功能就是当你有某些地方当时不能立即完成的时候,在注释的时候标注一个TODO然后使用这个方法 可以快速锁定文件所在位置,方便下次进行操作
    4. AutoFileName

      自动提示路径补全的一个插件

    5. autoprefixer

      css中自动补全前缀

    6. HTML-CSS-JS prettify

      帮助我们进行HTML css js格式化的一个插件

      • 首先需要安装一下node,然后安装此插件,他会自动生成一个配置文档(首选项->package setting->HTML-CSS-JS prettify)
      • 在你的系统名称(Windows)后面加上你的node.exe文件路径
      • 在format_on_save后面加上true,就可以在你保存的时候进行格式化,很方便,看个人喜好
      • node最好安装在英文路径下,要不容易发生错误
    7. termial

      打开命令行

      这个插件支持你的右键菜单可以打开一个当前文件所在目录的命令行,可以做什么随你任性

    8. Chinese localization

      这个是sublime的汉化插件,汉化的效果很不错

    9. 在推荐两个主题吧

      • material Theme 还有两个插件material Theme-Appbar/White panel
      • Soda Dark和 Soda Light
      • Monokai extended
        设置的时候(首选项->配色方案),选择你喜欢的主题,这个是设置编辑器界面的主题,如果要设置侧边栏的样式,(首选项->设置用户),加入以下代码
      "theme": "Material-Theme.sublime-theme"  //material-theme换成你喜欢的主题的名字,中间有个点作为分隔,后面的sublime-theme是固定的后缀
      
      
    10. 下面列举一些常用的快捷键

      • Ctrl+L 选择整行(按住-继续选择下行)
      • Ctrl+D 选择字符串 (按住-继续选择下个相同的字符串)
      • Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
      • Shift+Tab 去除缩进
      • Ctrl+Shift+Enter 光标前插入行
      • Ctrl+Shift+[ 折叠代码
      • Ctrl+Shift+]展开代码
      • Ctrl+Shift+↑/ ↓ 与上下行进行互换
      • Ctrl+Shift+D 复制光标所在整行,插入在该行之前
      • ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
      • Ctrl+Shift+P 打开命令面板
      • Ctrl+Shift+/ 注释已选择内容
      • 此外还有Ctrl+鼠标左键可以设置多行游标
      • 鼠标滚轮按住一直下滑也可以选择多行游标
      • 还有很多快捷键可以自行开发,可以在用户的按键绑定中设置
  • 相关阅读:
    jquery总结01-基本概念和选择器
    git学习笔记总结
    git学习笔记12-标签管理-版本
    vue 图片下载到本地,图片保存到本地
    Failed to mount component: template or render function not defined.
    javascript 错误监控
    javascript 跨域 的几种方法
    解决跨域脚本攻击 XSS
    标准时间转YYYY-MMM-DD
    javascript时间戳和日期字符串相互转换
  • 原文地址:https://www.cnblogs.com/ytg-share/p/6087823.html
Copyright © 2020-2023  润新知