「高亮」程序开发工具 编辑器 与 IDE( 二 )


一、VS Code 的介绍VS Code 的全称是 Visual Studio Code , 是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器 。 它在性能、语言支持、开源社区方面 , 都做的很不错 。
编辑器 与 IDEIDE编辑器是有区别的:

  • IDE:对代码会有较好的智能提示 , 同时侧重于工程项目 , 对项目的开发、调试工作有较好的图像化界面的支持 , 因此比较笨重 。 比如 Eclipse 的定位就是 IDE 。
  • 编辑器:要相对轻量许多 , 侧重于文本的编辑 。 比如 Sublime Text 的定位就是编辑器 。 再比如 Windows 系统自带的「记事本」就是最简单的编辑器 。
需要注意的是 , VS Code 的定位是编辑器 , 而非IDE 。 但 VS Code 又比一般的编辑器的功能要丰富许多 。
VS Code的一些补充
  • VS Code 的使命 , 是让开发者在编辑器里拥有 IDE 那样的开发体验 , 比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等 。
  • VS Code 的源代码以MIT协议开源 。
  • VS Code 自带了 TypeScript 和 Node.js 的支持 。 也就是说 , 你在书写 JS 和 TS 时 , 是自带智能提示的 。
  • 有一点你可能不知道 , VS Code 这个客户端软件是用 js 语言开发出来的(具体请自行查阅关键字Electron) 。 有句话说得好:能用 js 实现的功能 , 最终一定会用 js 实现 。
前端利器之争: VS Code 与 WebStorm前端小白最喜欢问的一个问题是:哪个编辑器/IDE 好用?是VS Code还是 WebStorm (WebStorm 其实是 IntelliJ IDEA的定制版)?我来做个对比:
  • 哪个更酷:显然 VS Code 更酷 。
  • 内存占用情况:根据我的观察 , VS Code是很占内存的(尤其是当你打开多个窗口的时候) , 但如果你的内存条够用的话 , 使用起来是不会有任何卡顿的感觉的 。 相比之下 , IDEA 不仅非常占内存 , 而且还非常卡顿 。
  • 使用比例:当然是 VS Code 更胜一筹 。 先不说别的 , 我就拿数据说话 , 我目前所在的前端团队有100人左右 , 绝大部分前端同学都在用 VS Code , 妥妥的 。
所以 , 如果你以后还问这个问题 , 那就真有些掉底了 。
VS Code 的安装

VS Code 的安装很简单 , 直接去官网下载安装包 , 然后双击安装即可 。
上图中 , 直接点击 download 下载安装即可 。
二、VS Code快捷键VS Code用得熟不熟 , 首先就看你是否会用快捷键 。 以下列出的内容 , 都是常用快捷键 , 而加粗部分的快捷键 , 使用频率则非常高 。
掌握10%的内容 , 足矣应对90%的工作 。 熟练使用它们 , 你就已经很牛了 。
移动光标


推荐阅读


Mac快捷键Win快捷键作用备注
Cmd + ←Fn + ←将光标定位到当前行的最左侧