Sublime Text3——高效,美观,强大

全文索引

  • 前言——使用Sublime的起因
      • Plugin of Sublime
  • 写前端代码
  • 写Asm代码
  • 使用Vim模式进行文本编辑
  • Markdown实时预览
  • 录制键盘宏

前言——使用Sublime的起因

Sublime Text3——高效,美观,强大_第1张图片

开头先喊一句响亮的口号:"Sublime,永远的神!"

其实最一开始接触Sublime这款强大的文本编辑器是在大二下学期学习Web前端开发的时候。老师的文本编辑器我觉得不够智能,没有自动补全的功能,所以我没有选用和老师相同的文本编辑器。一开始我选用的是NotePad++,但是后来因为一个插件的安装出了问题,我就把它卸载了。然后就遇到了Sublime Text3,一直到现在我平时做笔记,记备忘录,写前端代码,练习Vim,学习Markdown等等等等都在使用Sublime Text3。把这款强大的编辑器推荐给有幸看到这篇博客的读者。

Plugin of Sublime

Sublime之所以这么厉害,是因为它支持许多插件,这些插件让Sublime这个文本编辑器更加优美便捷。这里是安装插件的链接,下文提到的许多插件都可以按照该方法进行安装配置

https://blog.csdn.net/qq_20011607/article/details/81370123

写前端代码

在html上写前端代码简直不要太爽,我认为Sublime由于其他文本编辑器有以下几点

  • 强大的目录结构管理
  • 一键浏览
  • 语法高亮
  • 快捷键生成框架

先说说目录管理,sublime虽然是一个文本编辑器,但是可以打开整个文件夹,比如你的一个完整HTML项目有很多个目录,分别是源代码./html,样式表./css ,脚本目录./js,图片目录./img。那么你直接在Sublime中依次点击

File -> Open Folder

即可直接打开整个文件夹,在写Html的时候如果需要加Css,就不用退出Sublime,打开另外一个目录再打开css文件了,直接在Sublime中即可打开css文件进行编辑。

Sublime Text3——高效,美观,强大_第2张图片
除此之外,Sublime中还提供了许多如颜色选择,Html代码自动补全等插件,这些插件在使用的过程中可以通过查找它们的安装教程自行安装,这里就不再介绍了。
Sublime Text3——高效,美观,强大_第3张图片
Sublime还会自动识别你的文件格式,你也可以自己在sublime的右下角自己切换。Sublime Text3——高效,美观,强大_第4张图片
这里需要着重介绍的是一个插件 -->> View in Browser
这个插件牛逼的地方在于,写完Html想要调试查看效果时,可以直接敲击你预先设置好的快捷键(我的是F1),使用你预先设置好的浏览器(我的是Chrome)来浏览你写的前端界面。特别特别方便,已经不用再 “找到这个文件 - > 使用浏览器打开” 这么操作了
这里贴上一个简单的配置教程!

https://www.cnblogs.com/Jamie1032797633/p/9296267.html

写Asm代码

和Web前端开发一起学的还有汇编语言,汇编语言也可以使用Sublime来进行书写,这样可以很容易查找到自己的低级错误(如mov写成了miv, add写成了ads)等等。汇编也有很多代码高亮的插件,如x86 and x86_64 Assembly,有需要的读者可以自己找找插件安装教程进行安装。
这是我的ASM代码,有高亮的代码比在记事本里书写的代码美观很多。
Sublime Text3——高效,美观,强大_第5张图片

使用Vim模式进行文本编辑

最一开始认识Vim是在大二上学期学习操作系统的时候,那时候只会三个命令,i插入,Esc退出到Normal Mode,:wq保存。深入了解Vim是在B站上看了一个大神的视频。他给我演示了什么才叫技术改变生活,也让我感受到了Vim的强大和对工作效率的提升。对于Vim的学习我也是在刚刚起步的阶段。Sublime+Vim的编辑模式打开简直不要太简单。下面我将教你如何打开Vim编辑模式让你在Sublime日常编辑文本中使用并练习Vim。
其实很简单

Preferences -> Settings

  • 在User中敲击Ctrl+F搜索"Vintage"
  • 将双引号中的Vintage删除。
  • 敲击Ctrl+S保存
  • 重启Sublime

这样你的Sublime中就可以使用Vim模式输入了(Vimmer狂喜)
当然Vim的强大之处并不仅仅在于它的文本编辑,一个强大的Vim需要花很多时间去学习和配置。

Markdown实时预览

Markdown是从上学期碰到一个只给PPT从来不上课但是还要要求提交给她课后习题答案的电子档的怪物概率论老师开始使用的。概率论结课后就没写过Markdown,之前的TodoList都是在用记事本来写,因此想试着用一个更牛逼语言来写更好看的TodoList,于是我开始学习Markdown
在学一项新技能之前我永远都想的是如何用我现有的工具让我学习的效率更高。因此我还是想到了Sublime。
Sublime要配置Markdown环境其实并不容易,但是配置好了使用起来真的特别特别香
配置教程贴在这里

https://blog.csdn.net/qq_20011607/article/details/81370236

需要注意的是,MarkdownLivePreview这个插件在Sublime新版本中已经不支持了,因此请忽略这个插件的安装)
安装完Markdown的插件后,编辑md文件简直纵享丝滑。首先是文本高亮在这里插入图片描述
还可以使用LiveReload插件实时刷新界面,即编辑md的时候每次保存都会刷新一次html显示。这样实时查看你编辑的md文件可以及时修改语法错误等等,不用全部编辑完后再回头来"Debug"

录制键盘宏

最强大的功能之一!
这个功能是我在编写Markdown的时候发现的。当时因为要做Daily TodoList,需要添加表格,在Markdown上添加表格的语法不复杂,但是输入起来特别麻烦。所以我就在想有没有快捷键能直接生成这段代码呢?接着就想到了键盘宏。录制键盘宏的方法是这样的:

首先敲击Ctrl+n新建空白页

敲击Ctrl+P,直到Sublime左下角出现 ”Staring to record macro…“(开始录制宏)后输入你希望的键盘操作。
这里我输入的就是 - | : - : | : - : |Sublime Text3——高效,美观,强大_第6张图片

输入完毕后,停止录制键盘宏

再次敲击Ctrl+P,直到Sublime左下角出现 Recorded macro with x commands,这里的x代表了进行了x次键盘操作。】
Sublime Text3——高效,美观,强大_第7张图片

写完键盘宏后,需要对键盘宏进行保存

敲击Alt+t,再敲击v。为你的键盘宏起一个名字,保存。

快捷键设置:

最后,你要设置一下编写的键盘宏启动快捷键。
打开 Preference**->**KeyBindings

将下面的内容粘贴进User中
<注意:如果前面有内容记得用一个英文标点与前面的内容分开!>

{
“keys”: [“ctrl+t”],
“command”: “run_macro_file”,
“args”: {
“file”: “Packages/User/table_case.sublime-macro”
}
其中,keys是你想要将键盘宏映射到的快捷键
file是你的键盘宏的名字,一般只要将table_case改为你的键盘宏文件名字即可

好啦,到这里我的安利就结束了。其实Sublime是否真的适用于你真的只有使用过才知道。如果你有更好的软件或更强大的Sublime插件安利,请在评论区告诉我叭。

你可能感兴趣的:(工具推荐,windows,sublime,text,vim)