如何统一我们的VSCODE

一. 前言:

由于vscode的轻量级和完善的插件系统,越来越多的前端把自己的开发工具从体量巨大的IDE上切换到vscode,那么在渐渐统一的开发工具上,我们如何做到团队风格的统一呢?举个例子:我刚来公司的时候,跟平平合作开发教师档案项目,每当我有需求要在平平之前写的页面上改东西的时候,当我改完我总是会习惯性的格式化一下.囧...这个时候你就会看到右侧侧边栏全部爆红,所有整个文件改动...我只能默默的回退之前的操作,哪怕我只是删除了一个文字或者只是添加了一个分号,只要格式化都会导致整个页面有改动~~差点被平平砍死~~,原因大家当然知道,是因为我和平平的vscode默认格式化不一致导致的,更尴尬的是我自己的Mac上的vscode和我windows上的vscode格式化都不一致!那如何能统一我们的格式化呢?统一我们的插件?甚至是推广到整个团队,保证所有人的vscode设置统一呢?

二. 解决方法

最笨的办法:

大家坐在一起一个一个的手动设置,统一设置空格缩进、统一设置分号....太多要设置了!然后保证所有人的设置,插件都一致,所有人不能自行随意安装插件,然后把我们统一的配置记录下来,之后来新同事的时候我们默默扔给他一份文件,让他花几个小时统一一下vscode.当然这样做难度很大,既浪费时间,也很难推动,毕竟谁想对着一份文档一点一点的搞配置啊,这年头干啥没点自动化好意思说出去吗?

有没有好办法:

之前我也一直以为只有上面的笨办法,但是我越想越难受,越想越觉得需要一个好办法统一,当我决定解决这个问题的时候,第一步当然是上网找找看有没有高手有好方法,果然你遇到的问题,都是别人早就遇到过并且已经解决的

vscode 插件 syncing中文文档 请务必认真阅读 (本文不包含syncing的安装使用教程,所有信息请从syncing中文文档获取)

上传配置

syncing可以通过github生成一个token,通过这个token我们可以在一个私有的github账号实现上传我们的vscode配置同时当我们第一次上传的时候,syncing会生成一个ID,这个ID就代表我上传的配置文件

下载配置(实验的时候最好先上传你的配置,不然你的本地配合会被覆盖)

上面我们上传的时候会生成一个ID,把这个ID分享给别人,别人就可以通过syncing下载你上传的配置信息,这样大家就相当于共享了配置,例如你在vscode安装好了syncing插件,通过命令面板(康萃+谁福特+p或者康模特+谁福特+p)

输入syncing,应该能看到三条命令,上传/下载/打开配置文件

我的共享id:54240e80db08800226f5511b087b8e56 (我临时安装的vscode配置,如果需要的话我会认真弄一份)

这里有个分叉:

如果你上传过你的配置,那你需要先选中***打开配置文件命令***,你应该能看到你的id,token,还有http_proxy和auto_sync.把你的id替换成我给你共享的id, 注意是id,不是token,然后再选中下载配置命令

如果有输入gist id提示 你输入我分享的这个id
: 如果你只是安装了syncing没有上传过自己的配置,就是说没有用过token,那你直接选中下载命令

第一步:让你输入你的token,直接回车就好

第二步:输入gist id 你输入我分享的这个id,

这样就可以实现同步我的vscode配置

总之: gist Id 代表一份配置,你要用我的,你就输入我给你的id,你要用自己的,你就用自己的id

三. 后记

其实这篇文章只是给大家介绍了一个能实现共享配置的vscode插件,顺便再给大家推荐两个我很喜欢的插件

Todo Tree :会将项目里面的todo 按照项目的树形结构罗列出来,平时我们可能开发的时候有一些想法,但是没来得及写,先写个TODO,但是可能之后由于各种原因忘记了,这个时候todoTree就帮助我们找到还有哪些地方没有做完

// TODO xxx
或者
<!--TODO xxx-->

GitLens :vscode的git管理插件,可以帮助我们在vscode中查看git分支,查看单个文件所有git历史记录对比,方便我们追踪文件的修改历史过程

END