手记

相见恨晚VSCode

vscode.png


关于代码编辑器是开发者社区中一个经久不衰的话题 ,通常厉害的hacker大部分用vim emac,搬砖码农就用sublime,Atom之类。笔者努力尝试过学习vim emacs,无奈学习曲线太陡峭,没坚持到最后就放弃了。代码编辑器不光关系到程序员的开发效率,甚至会影响开发人员的心情。

大概是去年某个时候不断有各路大神推荐使用VSCode,所以也去下载了一个玩玩,可能是用惯了Sublime,日常插件和快捷键的使用已然成为肌肉记忆,因此对已一个差不多好用的编辑器也就没有太大的动力去花时间研究。

直到最近发生了2件事情让我痛下决心切换到了VSCode。

首先,对于python web开发Sublime 基本上能应付得过来,有代码补全代码静态检查(linter)等。最近由于工作需要需要开发大量的前端代码,首当其冲的需求就是支持javascript autocomplete 和 linter功能。 linter我在上周博文中有介绍Sublime社区已经有一个不错的方案。但是javascript代码补全Sublime社区几乎没有找不到一个让我满意的方案。

另外, 我平时闲下来经常会听一些技术播客,正好代码时间这一期邀请到了微软VSCode 开发工程师:吕鹏做分享嘉宾,趁下班开车路上把这一集听完。这个分享内容相当丰富,不仅介绍了VSCode的功能特性,还透露了微软是如何开发VSCode的开源项目从测试到发布,有兴趣的朋友可以听一听。其中最打动我的是VSCode内置了代码补全,而且VSCode本身就是用javascript开发出来的,对javascript的支持非常好。听完第一时间去试了一把,不夸张地说对于javascript支持,VSCode已经把Sublime甩出去好几条街了。除了对Javascript 原生的对象,关键词能自动提示,连导入的第三方库如react api也能弹出提示列表。

在决定把编辑器切换到VSCode,最先要解决的两个问题。一是要熟悉 VSCode的快捷键,二是要找一个跟Sublime Text类似的主题和字体的设置。

没想到这个过程会来得如此无痛,VSCode有一个扩展插件叫vscode-sublime-keybindings,可以把sublime里面的快捷键导入到VSCode无缝切换。

打开VSCode扩展输入theme有大量的主题插件提供选择, 我选了cobalt2,跟我平时sublime使用的主题非常接近。

字体我采用了fira code一个专为代码排版优化的等宽字体。

fira code


随着开发慢慢深入,能体会到VSCode许多贴心之处,总体上来说VSCode让开发代码的体验上升了一个档次,真是相见恨晚!

更新


用VSC做前端项目 ,如何激活javascript文件中函数or变量  goto definition功能?
需要在项目根目录下添加加 jsconfig.json文件 ,内容如下。

{"compilerOptions": {"target": "es6"},"include": ["src/**/*"] //按照实际项目设置
}

windows 下按ctrl + click mac 下 option+click 就可以跳转到 定义处。
具体可参考官方



作者:snow4web
链接:https://www.jianshu.com/p/8ae43cbea126


1人推荐
随时随地看视频
慕课网APP