利器:Sublime text 3 磨砺篇

“铁须砺以成利器”——《书·说命上》孔传

写了近三年的代码,估计也有上万行了。期间换过几种武器,目前觉得最顺手的还是 sublime text3。说来原因也很简单,最初使用低配的 PC 开发,多开几个应用就卡的不要不要的,所以一直使用着流畅的 sublime text3。期间虽然试用过 VScode 和 Atom,都因为无法忍受其占用过多内存进而导致 PC 卡顿不已,而最终放弃了。也因此,现在才有了磨砺近三年、专属于自己的一个 sublime text3。

# 关于 package control

Package Control —— sublime text3 的包管理工具,后面安装的插件和主题都可以在这里找到介绍和配置方式。但是,sublime text3 默认是没有安装 Package Control 的,所以首先要安装它。具体安装方式在这个网页有详细介绍。这里只简单提下步骤:

  • 启动 sublime text3 ,然后按住快捷键 crtl +` [这个就是 Tab 👆的那个键]。sublime text3 就会在底部弹出 console 区。
  • 在 console 区输入上面网页里的一串 Python code。
  • 最后,sublime text3 会自己安装好 package control。

# 挑选主题

自古美人如玉剑如虹,sublime text3 的主题之丰富、质量之高,在众 IDE 中估计是无人能及了。可以想见,程序员们的审美需求很大,而且审美也很高。我挑了近两年的主题,各种风格的都尝试过,其中 material-theme 是我用的最久的一款,也是我认为美感和舒适度极佳的一款。下面放张官网扒的图片:

material-theme
material-theme

不过我还要推荐一款我正在使用的主题——ayu:🎨🖌 Modern Sublime Text 3 and 2 theme 。从主题设计者的介绍就知道这款主题更加现在化,从截图则感受到了它的清爽、明快,整体配色丰富而不杂乱、以及和专用编程字体的搭配显的它极为优雅。

ayu-them

# 小米加大炮

sublime text3 如同编程必须的小米一样重要,但是没有大炮加持也很难打下大片江山啊。所以,强劲的插件能够让 sublime text3 应对各种开发场景而游刃若有余地。【注:只限前端开发常用插件】
那么如何安装下面这些插件了?既然安装了 Package Control ,那么通过 Package Control 来安装管理这些插件就是易如反掌的事情了。

  • step1 启动 sublime text3 ,按住 ctrl + shift + p。弹出如下命令栏:
image.png
  • step2 如图,输入 ‘install package’ 或间写几个字母就能搜索出安装命令,然后输入插件的名称就自动安装。

格式优化类

编辑器增强类

语法高亮类

  • babel(ES6, jsx 语法高亮)
  • LESS(less 语法高亮)
  • BracketHighlighter(符号高亮)
  • scss ( scss 语法高亮)
  • stylus (styls 语法高亮)
  • TypeScript (typescript 语法高亮,语法提示)
  • Vue Syntax Hightlight(vue 文件语法高亮 )

# 配置

这里我只写几个配置项的解释,详细的配置可以查看 gistbox
进入配置文件修改的方式如下图:

image.png
  • "translate_tabs_to_spaces": true // 开启自动将Tab替换为空格

  • "trim_trailing_white_space_on_save": true // 开启自动删除行末空格

  • "ensure_newline_at_eof_on_save": true // 开启保存文件时在文件末尾保留一个空行

  • "save_on_focus_lost": true // 开启文件失去焦点立即保存

  • "highlight_line": true // 开启光标所在行高亮

  • "bold_folder_labels": true // 开启侧边栏文件夹名显示加粗

# 常用快捷键

文章的最后,我贴几个自己常用的快捷键,基本上是完全记住不需要查看快捷键表的那种。

  • open project : ctrl + alt + P
  • 新建文件\文件夹:ctrl + alt + n
  • 搜索内容:ctrl + f
  • 在文件内搜索:ctrl + alt + f
  • 替换内容:ctrl + n
  • 搜索文件:ctrl + p
  • 跳转到某一行:ctrl + G
  • auto-spacing:ctrl + shift + B
  • 预览 .md 文件:alt + m
  • html 转 js 字符串:ctrl + alt + 'ctrl + alt + shift + '
  • CSScomb: ctrl + shift + c
  • pretty html\css\js: ctrl + shift + h
  • pretty JSON: ctrl + alt + j
  • 移动行:ctrl + shift + c
  • 预览 markdown:alt+ m
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容