vscode中设置字体⼤⼩_VScode开发⼯具的使⽤教程
前⾔
⼯欲善其事必先利其器,提⾼程序员的开发效率必须要有⼀个好的开发⼯具,当前最好的前端开发⼯具主要有VS code、sublime Text、Atom、Webstorm、Notepad++。
VS Code 是⼀款⼗分强⼤的代码编辑器,虽然出来时间⽐较短,但是使⽤频率和受欢迎率已经远远超过了其他的编辑器,VS code适⽤于⼏乎所有的编程与和开发任务,包含了⾮常丰富的应⽤插件,⾮常⽅便,越来越多的新⽣代互联⽹青年正在使⽤它。
其实VS Code 这款软件本⾝,是⽤ JavaScript 语⾔编写的,是⼀款基于Electron框架编写的客户端编辑器,如果喜欢研究源码可以去github下载源码进⾏研究,Electron使⽤和学习在以后章节中介绍(具体请⾃⾏查阅基于 JS 的 PC 客户端开发框架 Electron)。Jeff Atwood 在 2007 年提出了著名的 Atwood 定律:
任何能够⽤ JavaScript 实现的应⽤系统,最终都必将⽤ JavaScript 实现。
任何能够⽤ JavaScript 实现的应⽤系统,最终都必将⽤ JavaScript 实现
Jeff Atwood 这个⼈是谁不重要(他是 Stack Overflow ⽹站的联合创始⼈),重要的是这条定律。
前端⽬前是处在春秋战国时代,各路英雄豪杰成为后浪,各种框架⼯具层出不穷,VS Code 软件⽆疑是⼤前端时代最骄傲的⼯具。
主⼒开发⼯具」。这款软件是为前端同学量⾝定制
如果你是做前端开发(JavaScript 编程语⾔为主),则完全可以将 VS Code 作为「主⼒开发⼯具
的。
代码编辑器」来使⽤,纵享丝滑。如果你是做其他语⾔⽅向的开发,并且不需要太复杂的集成开发环境,那么,你可以把 VS Code 作为「代码编辑器
写作⼯具,毫⽆违和感。
甚⾄是⼀些写⽂档、写作的同学,也经常把 VS Code 作为 markdown 写作⼯具
退⽽求其次,即便你不属于以上任何范畴,你还可以把 VS Code 当作最简单的⽂本编辑器
vim编辑器下载与安装⽂本编辑器来使⽤,完胜 Windows 系统⾃带的记事本。以下是对VS Code基本使⽤的介绍:
⼀、VS Code 的介绍
VS Code 的全称是 Visual Studio Code,是⼀款开源的、免费的、跨平台的、⾼性能的、轻量级的代码编辑器。它在性能、语⾔⽀持、开源社区⽅⾯,都做得很不错。
微软有两种软件:⼀种是 VS Code,⼀种是VS IDE。
VS Code是⼀款开发者的代码编辑器,提供了各种便携的插件使⽤;VS IDE是微软的重量级IDE⼯具,⾥⾯集成了各种开发环境的编译⼯具,特别是开发后端服务器编程,提供了完整的C/C++、Java、Python、Go、Android等集成开发⼯具。类似于Eclipse IDE,只需要⼀键安装即可。
IDE 与编辑器的对⽐
IDE 和编辑器是有区别的:
IDE(Integrated Development Environment,集成开发环境):对代码有较好的智能提⽰和相互跳转,同时侧重于⼯程项⽬,对项IDE
⽬的开发、调试⼯作有较好的图像化界⾯的⽀持,因此⽐较笨重。⽐如 Eclipse 的定位就是 IDE。还有很多优秀的IDE⼯具,例Visual Basic 6.0:
如:Visual Basic 6.0:
Visual C++ 6.0:
Dev C++:
Visual Studio 2015-2019:
QT Creator:
Eclipse:
IDEA:
PyCharm:
编辑器:要相对轻量许多,侧重于⽂本的编辑。⽐如 Sublime Text 的定位就是编辑器。再⽐如 Windows 系统⾃带的「记事本」就是编辑器
最简单的编辑器。
编辑器,⽽⾮ IDE ,但 VS Code ⼜⽐⼀般的编辑器的功能要丰富许多。可以这样理解:VS Code 的需要注意的是,VS Code 的定位是编辑器
体量是介于编辑器和 IDE 之间。程序员常⽤的⼀些优秀的编辑器例如:
VS Code、Sublime Text、Editplus、Notepad++、vim、Atom、Webstorm、chocolatapp、textpad等等。’
VS Code 的特点
VS Code 的使命,是让开发者在编辑器⾥拥有 IDE 那样的开发体验,⽐如代码的智能提⽰、语法检查、图形化的调试⼯具、插件扩展、版本管理等。
跨平台⽀持 MacOS、Windows 和 Linux 等多个平台。
VS Code 的源代码以 MIT 协议开源。
⽀持第三⽅插件,功能强⼤,⽣态系统完善。
VS Code ⾃带了 JavaScript、TypeScript 和 Node.js 的⽀持。也就是说,你在书写 JS 和 TS 时,是⾃带智能提⽰的。当然,其他扩展包插件,也会有智能提⽰。
的语⾔,你可以安装相应的扩展包
前端利器之争: VS Code 与 WebStorm
前端⼩⽩最喜欢问的⼀个问题是:哪个编辑器/IDE 好⽤?是 VS Code 还是 WebStorm (WebStorm 其实是 IntelliJ IDEA 的定制版)?我来做个对⽐:
哪个更酷:显然 VS Code 更酷。
哪个更酷
内存占⽤情况:根据我的观察,VS Code 是很占内存的(尤其是当你打开多个窗⼝的时候),但如果你的内存条够⽤,使⽤起来是不内存占⽤情况
会有任何卡顿的感觉的。相⽐之下,IntelliJ IDEA 不仅⾮常占内存,⽽且还⾮常卡顿。如果你想换个既轻量级、⼜不占内存的编辑器,最好还是使⽤「Sublime Text」编辑器。
使⽤⽐例:当然是 VS Code 更胜⼀筹。先不说别的,我就拿数据说话,我⽬前所在的研发团队有 200 ⼈左右(120个后台、80个使⽤⽐例
前端),他们绝⼤部分⼈都在⽤ VS Code 编码,妥妥的。
所以,如果你以后还问这个问题,那就真有些掉底了。
VS Code 的安装
VS Code 官⽹:code.visualstudio
VS Code 的安装很简单,直接去官⽹下载安装包,然后双击安装即可。
上图中,直接点击 download,⼀键下载安装即可。
⼆、崭露锋芒:VS Code 快捷键
VS Code ⽤得熟不熟,⾸先就看你是否会⽤快捷键。以下列出的内容,都是常⽤快捷键,⽽加粗部分的快捷键,使⽤频率则⾮常⾼。
任何⼯具,掌握 20%的技能,⾜矣应对 80% 的⼯作。既然如此,你可能会问:那就只保留 20% 的特性,不久可以满⾜ 80%的⽤户了吗?
那从来都不是同样的 20%,每个⼈都会⽤到不同的功能。
但我想说的是:那从来都不是同样的 20%
掌握下⾯这些⾼频核⼼快捷键,你和你的⼯具,⾜矣露出锋芒。
1、⼯作区快捷键
2、跳转操作
3、移动光标
4、编辑操作
node="block" data-draft-type="table" data-size="normal" data-row->dy>
Mac 快捷键Win 快捷键作⽤备注
5、多光标编辑
其他的多光标编辑操作:(很重要)
Cmd + D 」键(windows ⽤户是按住「Ctrl + D
Ctrl + D」键), 即可将全⽂中相同的词逐⼀加⼊选中某个⽂本,然后反复按住快捷键「 Cmd + D
选择。
每⼀⾏的末尾都创建⼀
Alt + Shift + I」键),既可在每⼀⾏的末尾选中⼀堆⽂本后,按住「Option + Shift + i
Option + Shift + i」键(windows ⽤户是按住「Alt + Shift + I
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论