Sublime Text 3 安装记录

清秋
669 阅读3分钟

官网地址 : www.sublimetext.com

最近公司开发环境迁移，需要重新搭建开发环境，主要使用Sublime Text进行Vue.js的开发，本文侧重记录关于Vue.js开发用到的插件、离线安装插件方法和工作中常用的快捷键。

安装

安装过程不用多说，从官网下载对应操作系统的安装包，安装即可。值得注意的是Sublime Text 3安装包本身不大，我下载的大约8.3M，对于内网邮件30M附件限制的我来说，小体积简直不要太给力。 除了安装包路径外，还有一个插件和配置文件的路径，我的是在这个目录里面 : C:\Users\Nan\AppData\Roaming\Sublime Text 3

包管理工具 Package Control

安装包管理工具：网上大部分教程都是按Ctrl+ `(此符号为tab按键上面的按键) 调出console，然后输入一大段指令来下载Package Control。这次无意中发现已经不用这么麻烦了，若没有安装过Package Control，直接输入 Ctrl + Shift + P ，输入install ，安装包管理工具即可，一段时间后（根据网速环境时间会有不同）会弹出安装成功的对话框。

插件安装

使用Package Control进行安装，输入ctrl+shift+p，调出命令面板 输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件

一些实用的插件

  • BracketHighlighter : 括号匹配，让你轻松找到代码段
  • SidebarEnhancements : 提升侧边栏的功能，上图对比一下
    • before :
    • after :
  • Color Highlighter ： github.com/Monnoroch/C…
    • 是一个显示颜色的插件，需要注意在vue的文件里面不自动生效，官网上有说明

    The plugin doesn't work in HTML/JS/VUE/OTHER files
    Yes, it does. Highlighting colors is just disabled by default in all files but stylesheets. To enable highlighting colors in files with any extension you need to modify file_extensions setting and add the required extension there. You can also put "all" there and the plugin will be enabled for all files. If you have enabled some extensions before, they need to be reenabled due to the previous section.

    • 在Color Highlighter的User Settings文件中这样配置{"file_extensions":[".css",".less",".scss",".sass",".styl",".vue"]}，把vue文件加上
    • 效果如下图：

Vue.js开发相关插件

  • Vue Syntax Highlight：高亮Vue语法，Vue.js开发必备
  • SublimeLinter : 由于项目开启了ESLint语法检查，需要一个提示ESLint语法问题的高亮插件，SublimeLinter就是这样一个插件。记得以前还需要安装一个SublimeLinter-contrib-eslint插件，这次没有安装就能直接提示ESLint的语法问题了。
  • ESLint-Formatter：EsLint语法格式化工具，上个插件是帮你找到问题，但是对于少数问题可以直接手动修改，对于copy来的不符合ESLint语法规范的代码段来说，手动修改很痛苦，需要一个自动格式化的工具，只需一键即可解决绝大多数问题，推荐安装。

快捷键（Windows）

系统类

  • Ctrl+Shift+P：打开命令面板
  • Ctrl+P：搜索项目中的文件（必用，SubLime Text 3 主推功能）
  • Ctrl+G：跳转到第几行
  • Ctrl+W：关闭当前打开文件
  • Ctrl+Shift+W：关闭所有打开文件
  • Ctrl+N：新建窗口
  • Ctrl+K+B：开关侧栏
  • F11：全屏
  • Shift+F11：全屏免打扰模式，只编辑当前文件
  • Alt+Shift+数字：分屏显示
  • Alt+数字：切换打开第N个文件

查找类

  • Ctrl+F：查找
  • Ctrl+Shift+F：全局查找
  • Ctrl+R: 查找函数

编辑类

行操作

  • Ctrl+X：删除当前行
  • Ctrl+Shift+D ：复制当前行
  • 按Ctrl+Shift+上下键，上下移动当前行
  • Ctrl+L：选择行，重复可依次增加选择下一行
  • Ctrl+Shift+Enter：在当前行前插入新行
  • Ctrl+/：注释当前行
  • Ctrl+Shift+/：当前位置插入注释

单词操作

  • Ctrl+D：选择单词，重复可增加选择下一个相同的单词
  • Ctrl+M：跳转到对应括号
  • Ctrl+H：替换
  • Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
  • Ctrl+Shift+A：选择当前标签前后，修改标签用的

插件和配置待补充

avatar
文章
阅读
粉丝