VS Code，生于前端，成于前端

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Visual Studio Code

这是一个创建于 1193 天前的主题，其中的信息可能已经有所发展或是发生改变。

我在 NG+ 开发者大会上的演讲视频！

https://www.bilibili.com/video/BV1WU4y1J782

聊聊 VS Code 与前端密不可分的联系~
• VS Code 简介
• VS Code 使用到的前端技术栈（ Electron, Monaco, LSP, DAP, Xterm.js 等）
• VS Code Remote，前后端分离
• Web 版 VS Code，带来更多可能
• VS Code 插件模型

Code

前端

xterm

electron

37 条回复 • 2021-08-05 08:54:19 +08:00

924412409

2021-08-04 10:07:13 +08:00

先马，下班再看

66beta

2021-08-04 10:21:32 +08:00

膜拜大佬

huqi

2021-08-04 11:14:51 +08:00

收藏砖家已收录

EPr2hh6LADQWqRVH

2021-08-04 11:24:02 +08:00

搞反了，不是前端生态特别好，自然催生了 VSCode ；
而是微软做了 VSCode，带动了前端生态

teslayun

2021-08-04 11:25:37 +08:00

@avastms VSCode 带动了前端生态？怎么带动的？

learningman

2021-08-04 11:42:13 +08:00

@avastms #4 我怎么想都觉得只有 chromium 有资格带动吧

EPr2hh6LADQWqRVH

2021-08-04 11:50:04 +08:00

@teslayun
@learningman
不说别的光 TypeScript 一个，微软不放出来现在前端什么样？
光放一个 TypeScript 没有 LanguageServer 没有编辑器 IDE，全看 JB 脸色，前端什么样？
打开前端项目靠 sublame，notepad++，要不然 eclipse，前端什么样？

zhaowuji

2021-08-04 11:51:48 +08:00

@avastms 没有 vscode 照样有其他 code editor 。

hengshenyu

2021-08-04 12:14:45 +08:00

@avastms 现在存在一个不能写前端的常用编辑器或者 ide 吗？没有 vscode 还有 atom，没有 typescript 还有 flow 。只能说微软做得最好最出名罢了。

learningman

2021-08-04 12:15:20 +08:00

@avastms #7 照你这个逻辑，Java 也被 JB 控制了，毕竟大家都用 IDEA 啊。
TypeScript 没放出来也有 Flow 啊，类型系统 ActionScript 就有了。
VS Code 只是个编辑器而已，记事本哪就不能写代码了？

young1lin

2021-08-04 12:17:14 +08:00

HJ 大佬，膜拜。公众号我关注了的

zed1018

2021-08-04 13:13:53 +08:00

笑死，没有 vscode 记事本不能写代码吗这种话也说得出口。是，是能写。那要怎么说 react vue ng 做来干啥，对前端有什么贡献，以前没有这些的时候 jquery dom api 不能一把梭写前端吗？
原来微软自带原罪到明显做了贡献也要被抹到鸡肋的程度吗。

3dwelcome

2021-08-04 13:35:38 +08:00 via Android

google 带动了前端，大家想一想，如果没有 chrome，用户现在还在用 IE 浏览器，还要去兼容旧代码，这酸爽。

otakustay

2021-08-04 13:36:07 +08:00

笑出声，没有 Chromium 我还有 Mozilla 家的猴子系列呢，没有 React/Vue/Angular 也还有其它会出来呢，一切已经诞生并且流行起来的东西都带着扼杀了另一个可能的原罪了对吧

EPr2hh6LADQWqRVH

2021-08-04 13:53:06 +08:00

哦豁，刚意识到楼主其实是微软的哈，
行吧，既然本尊非要谦虚，那我也不多言了

想不到真有人当真啊，还真觉得前端牛皮了。。。

murmur

2021-08-04 14:16:36 +08:00

有没有 vscode 一样有 webstorm
vscode 的真正意义在于，electron 不差，写的卡慢是你们太菜

no1xsyzy

2021-08-04 15:58:25 +08:00

这里有一个科学哲学的问题：一个发现或发明，它在恰当的时间点或在符合特定前提的情况下就应当出现，即使不是这个人，它也该被发现或发明；在确认前述事实为真的前提下，是否应当因为该发现或发明赞扬这个人。

牛顿与莱布尼茨差不多同时发明微积分，想来微积分这一概念应当在此时差不多应当出现。
就算没有牛、莱二人，也会有其他人发明微积分。那么二人是否应当获得发明微积分的荣誉？

由此，我们是否有必要使用人名来命名一些定律？纽康和本福特先后各自独立发现了本福特定律，难道不应该叫做（我拍脑袋现取的名字）「偏一定律」吗？

万有引力常数总归会被人测量出来的，并且实际上反复用各种方式测量，我们是否有必要赞扬一个因为有钱且闲得蛋疼所以第一个测量万有引力常数的卡文迪许，并把道具称为卡文迪许扭秤？

或者说，反正下一个区块 A 也好 B 也罢，总归会有人挖出来的，所以这个区块的归属不应该是把它挖出来的人？
（区块是个数学问题的解，它数学上与上述问题没有差异；它也是基于工作量回报，经济关系上与下列问题没有差异）

（在各国将矿产国有化之前）反正煤矿总归会被人挖出来的，所以煤矿不应该归属于把煤矿开采出来的人？

反正大街脏了总有人去自发地去扫的，那么不应该分配专人去扫大街？

um1ng

2021-08-04 16:06:55 +08:00

大佬膜拜

Shazoo

2021-08-04 16:16:17 +08:00

"一个发现或发明，它在恰当的时间点或在符合特定前提的情况下就应当出现，即使不是这个人，它也该被发现或发明"

不可证伪，可以等价永真。后文的判断可以继续了：）

@no1xsyzy

clrss

2021-08-04 16:16:37 +08:00

同构用起来更顺手?

好比用 emacs 写 lisp.

yogogo

2021-08-04 16:19:36 +08:00

用 vscode 只是因为打开项目比较快

jaywhen

2021-08-04 16:39:01 +08:00

牛逼啊这都能撕起来

JerryY

2021-08-04 16:47:27 +08:00

@jaywhen 如果你点进去那个人的主页，你会发现一些不一样的东西。看看就好了。

rpman

2021-08-04 16:50:49 +08:00

vscode 意义是狠狠滴羞辱了 atom

3dwelcome

2021-08-04 16:55:58 +08:00 via Android

@otakustay “没有 Chromium 我还有 Mozilla 家的猴子系列”
IE 不一样的好吧，和操作系统深度集成，无法被淘汰，只能被替换。

而没有 chromium 就没有 edge 。

想一下用 firefox 内核的 edge，额，这画面很难想象。

shilianmlxg

2021-08-04 17:32:14 +08:00 via iPhone

膜拜大佬

suzic

2021-08-04 17:55:52 +08:00 via Android

@3dwelcome 没有 chromium 就没有 edge 。这个结论也是有问题的，因为 edge 的非 chromium 版本也是还算不错的

impl

2021-08-04 19:54:01 +08:00 via Android

竟然没有内推，失望。。

ikas

2021-08-04 21:46:25 +08:00

没有 ie 还没有 ajax 呢.....

Rhianu

2021-08-04 22:09:26 +08:00

@avastms 是 Sublime

no1xsyzy

2021-08-04 22:13:39 +08:00

@Shazoo 这是预设场景，与可证伪性无关。
况且，只是人类技术还没有进步到可以对知识的结构性发展作实验的地步罢了，它本身逻辑上具有可证伪性，比如以下两种情况均可以绕过这样的发展：1. 发现一个文明，唯独缺少一些技术点也没有等效技术点； 2. 在可信的世界沙盘下，存在一些技术节点未曾出现并永远地限制了该沙盘内的文明发展。

话说我之前秀逗了，这不是科学哲学问题，可能是人伦相关的哲学问题。

从进化心理学角度来说，人群一般性地对这些发现者发明者予以赞扬和褒奖。即使说服某人相信这一发现发明本身的必然性，仍然不影响这一价值判断。
阿垃垃圾君在黑仪螃蟹篇章中实际上也没有发挥什么作用，『但重要的是那时候你在旁边』。

MarkLeeyun

2021-08-04 23:07:09 +08:00

@murmur 确实。在微软的魔法师下，一切皆有可能。

MarkLeeyun

2021-08-04 23:08:31 +08:00

@rpman 是微软羞辱了 github.

pecopeco

2021-08-04 23:41:41 +08:00 via Android

没有 vscode 的时候用 sublime 也用了很多年了，只是个工具而已，只不过这个工具好用一点，对我来说效率提升可能就是 90 到 92 的差距，没有多少值得惊讶的

namelosw

2021-08-04 23:51:49 +08:00

@no1xsyzy 这个问题有点意思，不过我不知道答案，不过想想好像是有一些线索的。

不过从那个时期过来，VSCode 之前我也用了 Atom 和 Bracket，还有一些小众的比如 Light Table 。其实我当时有点好奇为什么这些公司都不约而同地在做这种风格像 TextMate 和 Sublime，但是技术栈明显更偏向前端的编辑器。

我猜测跟那时候前端爆炸有关，那时候不光是 text editor，感觉好像 node.js 成型之后到处都在群魔乱舞。现在随便想想 bowser，browserify，grunt，CoffeeScript，AMD 这些被扫进历史的名词都在某几年流行的。

群魔乱舞的另一层意思可能就是生态不完善，所有人都在造轮子。在一个大公司干活如果有点 side project 的 budget，想不出来什么题目可能第一反应就是造编辑器 …

微软那时候刚转向开放，好像特别关注前端技术栈，开始连 .Net Core 的脚手架都是 Yeoman 的，包配置都是 .json 的，这种情况下催生出来 VSCode 可能也不稀奇。

---

所以回到这个问题：

> 这里有一个科学哲学的问题：一个发现或发明，它在恰当的时间点或在符合特定前提的情况下就应当出现，即使不是这个人，它也该被发现或发明

考虑到 Adobe 和 GitHub 都搞过，但是被微软截胡了，感觉上和创业差不多，除了谁发明以外，还需要需要市场和运营的不懈配合。Atom 的话，如果没有 VSCode 截胡，最终应该可以比较普及，但是假如没有 Atom 和 VSCode 的话，Bracket 我很怀疑最终能不能有 Sublime 的份额…… 像 LightTable 之类的 indie 项目，可能就更难推广了吧。

如果不考虑推广，似乎打开这个造前端编辑器魔盒的是 Electron 。似乎讨论 Electron 就是另外一个套娃了，那时候 Electron 和 NW.js 似乎也是同期的，虽然架构完全不同。如果没有这两个，想想的确可能还有人会做类似的东西。

wangkun025

2021-08-04 23:53:55 +08:00

sublime text 差在哪里？

lagoon

2021-08-05 08:54:19 +08:00

某人的逻辑就和，如果没有微信，我们现在还要写信一样。。。。。