sublime插件

Posted 2020-12-02 jamie1032797633

　　sublime text安装了Package以后，就可以安装方便我们操作的大量插件了，package的官网地址是https://packagecontrol.io/

---

•  安装插件。可以参考下面插件的说明，按照个人需求进行安装
  • ConvertToUTF8
    
    • 功能说明：ConvertToUTF8将sublime设置成UTF8编码格式，当打开其他文件时，将其编码转换成UTF8
    • 安装方法一：
      • Ctrl+Shift+P，打开package control，然后输入package control:install package
      • 在弹出的另一个窗口中输入ConvertToUTF8
      • 选中直接Enter安装jike
    • 安装方法二：
      • sublime---Prefenrence----Browser Packages打开一个目录
      • 从https://github.com/seanliang查找ConvertToUTF8，下载并解压文件到上一步打开的目录中
        结果如下图所示
        
  • BracketHighlighter插件
    • 功能说明：高亮显示匹配的括号，引号和标签
    • 插件地址：https://github.com/Binome12/BracketHighlighter
  • Less插件
    • 功能说明：LESS语法高亮显示
    • 插件地址：https://github.com/danro/LESS-sublime
  • sublime-less2css
    • 功能说明：将less文件编译成css文件
    • 插件地址：https://github.com/timdouglas/sublime-less2css
  • Emmet插件
    
    • 功能说明：前端开发神器，html,css等
    • 使用方法：Tab
    • 详细的使用说明网址 https://docs.emmet.io/
    • 插件地址：https://github.com/sergeche/emmet-sublime
  • JsFormat插件
    • javascript代码格式化
    • 使用方法：在js文件中右键Jsformat
    • 插件地址：https://github.com/sergeche/emmet-sublime
  • compact Expand CSS Command 插件
    • 功能说明L是css属性展开及收缩，格式化css代码
    • 使用说明Ctrl+Shift+[收缩，Crtl+Shift+]展开
    • 插件地址：https://github.com/TooBug/CompactExpandCss
  • SublimeTmpl插件
    • 功能说明：快速生成模板文件
    • 使用方法：
      • Ctrl+Shift+h 新建html文件
      • Ctrl+Shift+j 新建javascript文件
      • Ctrl+Shift+c 新建css文件
      • Ctrl+Shift+p 新建php文件
      • Ctrl+Shift+r  新建ruby文件
      • Ctrl+Shift+Alt+p 新建Python文件
    • 插件地址：https://github.com/kairyou/SublimeTmpl
  • alignment插件
    • 功能说明：是代码格式自动对齐
    • 使用方法：Ctrl+Alt+A
    • 插件地址：https://github.com/kevinsperrine/sublime_alignment
  • AutoFileName插件
    • 功能说明：自动补全文件(目录)名
    • 插件地址：https://github.com/BoundInCode/AutoFileName
    • 使用说明：在img的src以及a的href输入时，软件会有自动提示文件（？）
  • DocBlocker插件
    • 功能说明：快速声明js,java,php,c,c++等语言函数注释
    • 使用说明：在函数上方输入/**，然后按Tab
    • 插件地址：https://github.com/spadgos/sublime-jsdocs
  • SublimeCodeIntel
    • 功能说明：智能提示
    • 插件地址：https://github.com/SublimeCodeIntel/SublimeCodeIntel
  • HTML-CSS-JS prettify插件
    • 功能说明：HTML、CSS、JS格式化
    • 插件地址：https://github.com/victorporof/Sublime-HTMLPrettify
    • 安装说明：安裝这个套件前必须先安裝node.js,指定 node.exe 的执行档所在位置。进而安装HTML-CSS-JS Prettify
    • 使用说明：
      • View -> Show console 或者使用快捷键(Ctrl + `)，在命令列的地方輸入:view.run_command("htmlprettify")，然后按下Enter。
      • 默认快捷键是：Crtl+Shift+H，用户可以自己进行设置，在Preference-->key Bindings-->User中新增
        

        { 
            "keys": ["ctrl+shift+o"], 
            "command": "htmlprettify" 
        }

  • SiderBarEnhancements插件
    • 功能说明：侧栏菜单扩充功能
    • 插件地址：https://github.com/titoBouzout/SideBarEnhancements/tree/st3
  • view In Browser插件
    • 功能说明：sublime Text保存后网页自动同步更新插件
    • 插件地址：https://github.com/adampresley/sublime-view-in-browser
    • 使用说明：点击文档，右键选择view In Browser，文件将在默认浏览器中打开
    • 补充：Preference-->package Setting-->view in browser -seeting user中设置默认浏览器
      

      {
          "browser": "chrome64"
      }

  • LiveReload插件
    • 功能说明：调试网页实时自动更新
    • 使用说明：快捷键Ctrl+Alt+V
    • 插件地址：
  • TortoiseSVN插件
    • 功能说明：版本控制工具
    • 插件地址：

---

• 查看插件列表
  • Ctrl+Shift+P中输入Package Control：List packages，软件会列出所有已经安装的插件列表

---

• 移除插件
  • Crtl+Shift+P打开然后输入Package control :remove packages
  • 输入你需要卸载的插件

---