CRPER

今天有小伙伴MacOS更新了VS Code版本后，说工程内的代码跳转全部异常了，没法正确跳转。搞了两三个小时没搞出来，找到了我，让我帮忙瞧瞧。排查下来发现这问题有点意思，故此记录一下。初步猜测是本地工程依赖坏了，重新安装，表现依旧；尝试点击跳转，没有任何反应。继续跟进。

前言用了husky 7（.husky) ,里面钩子脚本无法很好的支持vscode git control这个功能环境macnode管理工具（nvm）husky 7问题举个真实场景的????husky 7 初始化后会在工程根目录生成一个.husky目录，她们推荐用脚本来划分不同的钩子拦截，所以我们加一个最常见的(pre-commit)脚本逻辑很简单，就是执行的shell用的sh（这是最通用的shell了），类unix和Linux基本都有内置这个～若是你指定zsh这些，可能其他的环境不一定有

前言天天跟代码打交道,这一年下来我也收集了部分好玩的插件,至少我觉得改善了我的编码体验~有兴趣的可以瞅瞅~~插件集列表拓展名及链接描述File Suggest改善typescript下编码的文件引入提示,用的还不错JS/TS Biscuits这个有点意思,方便我们定位代码块,在闭合端就能感知到!Bracket Lens这个和上面有点类似,但是又有一些差异,很棒的体验~Parameter Hints这个可以把参数类型显性出来,更有IDE的感觉了,我很喜欢这个

前言工程化一路走到底,必不可少要接触后端和CI/CD;所以相关的技术都要有所了解.比如K8S,Jenkins,Nginx,Docker,SQL等等.我就以我们公司内的技术栈来整理会用到的;其他不多说,我们直入主题!!插件列表拓展名及连接描述Docker有一个专门的版块可以管理当前存在的容器,编写dockfile还有智能提示,还能用来调试内部容器Better DockerFile Syntax更好的dockfile语法高亮,拓展了对shell,变量相关的高亮Kube

前言对于编码的我们，一个赏心悦目的字体，可以愉悦身心。以下是我推荐一波等宽字体，有兴趣的可以装一波。字体(不分先后)Fira Code这个字体我用了四年，编码仪式感满满的(逼格)。效果图![fira-code.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9...

前言很早以前就撸过一篇帖子,也是说这个的,但是那时候只是用最傻瓜化的直白的姿势.新窗口模式,而且配置文件用的是临时文件,拓展这些更是不能用.用起来感觉不是很好,但时隔一年多,不管是vscode还是当初的插件都完善了很多.研究了下附加模式,并让拓展也能正常使用的姿势(挺简单的).用到的插件VSCode插件:Debug your JavaScript code in the Chrome b...

前言VS Code越来越完善了，这半年期间我又搜罗了一波个人认为比较实用的插件。插件集前端领域Dependency Analytics ：分析项目中npm模块依赖，给出了很直观的数据反馈（包是否有安全问题等）Gitmoji Commit ：预设emoji的模板输入,快速commitXml Complete ：XML智能补全,遵循类似协议的也可以BEM Helper ：css ...

前言距离上次推荐又过去半年了.这期间我又搜罗一些感觉比较好用的插件;有些体验后被我干掉,有些依旧保留.优秀的拓展插件产出真的有限,这次主推比较实用的小拓展对于插件我不推荐重复的,所以有些优秀的插件在我另外几篇文章可以找到,其他就不多说了.直入主题~~~编码体验改善系列Visual Studio IntelliCode - Preview : 提供AI支持(强化你的代码智能提示),就...

前言VS Code越来越好用了,怎么个好用法,等我抽个时间再水一篇,说收VS Code的亮点;时隔半年,这期间我又搜罗了一波感觉比较好的插件,依旧是那句话,好的插件需要作者去创造,时间去迭代…废话不多说,直入主题; Reactreact-explorer-addons: 增加鼠标右键直接生成react的组件模板,好不好用,用过的才知道CSS Blocks: 支持...

前言这货憋了大半年.终于进入 beta 可用状态了….体验了一段时间后,该水文诞生了…这货是什么,微软自家出的实时协作插件,什么是实时协作(有用过石墨文档或者腾讯文档的没?),差不多那样了对标 Atom的Teletype实时协作插件传送门: VS Live Share 预览版;不说废话直入主题,目前这个是预览版,有些功能有些残缺也很正常…我也只扯我用到的;一些特点...

前言emmm…..失业之后,只能卷铺盖回家了….待来年开春再战…回老家卖小吃…顺便学学车(考驾照),利用碎片化的时间扫荡插件….于是,这篇文章就诞生了…前端调试工具 - Live HTML Previewer:编辑器内实时预览 html文件- Debugger for Firefox: 如标题所示,vscode 关联firefox进行调试,和Debugger

前言之前也多多少少写过几篇推荐插件的文章; 因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐, 到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!优秀的插件需要用户去尝试,更需要作者花时间沉淀和打造.社区需要多些包容,

让你你知道怎么发布自己的作品到插件市场,且对 npm的package.json会有更深一层的理解

前言VSCode 目前已经更新到 1.15.1,变得越发完善; 时隔三个月,我又搜罗了一波感觉比较实用的.当然我也干掉了一些内置功能已经实现的. 高质量的插件的产出比较慢,所以这次分享的并没有之前的多; 但是也有那么两三个插件很靠谱; 废话不多说,看下面插件集代码质量的把控CodeMetrics : 可以计算TS/JS内代码的复杂度(比如函数这些),这些与代码质量和性能是挂钩的Impor

距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐；

前言很多小伙伴说用了打包工具(Webpack)之后，断点调试相当痛苦； 常规的方式无非是debugger,console.log()大法； 但是，vscode这货天生支持debug功能，不用白不用

本来分成三篇来写的，但是想了想没必要，大家都是聪明人。。。简单的东西点一下就晓得了。

对于喜欢折腾的我，裸奔的VSCODE是不可以接受的。so....

前言这篇文章只要让你做一些基础的配置，把vscode变得更加顺手；插件的需求不是一成不变，有些插件我已经移除了。。在最新的VSCODE 1.9.1中，部分以前用插件实现的功能已经集成了，那就没有必要存在了。这里就不做推荐了

前言想了想，对于一个刚接触VSCODE的人来说，有什么比图片更通俗易懂的呢？

前言VSCode的快捷键继承了一些IDE风格，有VS的身影，也有Emacs的身影。。简言之，内置快捷键玩熟了，效率提高不是一点两点。VsCode 快捷键有五种组合方式（科普）Ctrl + Shift + ? : 这种常规组合按钮Ctrl + V Ctrl +V : 同时依赖一个按键的组合Shift + V c : 先组合后单键的输入Ctrl + Click: 键盘 + 鼠标点击Ctrl +

距离上篇介绍VSCode的文章已经过去四十多天，已经在正式项目作为主力开发工具了。社区的发展非常快速，更新迭代够快，功能基本已经满足我所需了；这个系列教程基于最新的1.8+开始。。折腾折腾。。老话重谈Visual Studio Code是什么鬼！这货是基于【electron】搞的一个编辑器 , 不是IDE；背靠微软，一个全平台的编辑器背靠Github社区，在社区汲取营养为什么我要

问题这几天遇到一个问题。突然发现atom和vscode不能拖拽打开文件和文件夹了； 拖拉会显示一个禁止的符号，类似CSScursor:not-allowed的效果 起初我以为是插件的问题，花了N多时间把插件一个一个卸载排除。。。。到头来还是不行； 我还跑到github上对应的编辑器仓库提交issue，有那么一两个核心开发者回复了我，但还没有解决方案；环境系统：　ＷＩＮ１０　１０５８６编辑器：

题外话第一次尝试Visual studio code是在两个月前，那时候体验了下，感受如下：优点：开源免费多平台支持（atom ,sublime 也是三平台支持）打开文件的速度很快，而且在大文件上秒杀sublime text,可以自行创建百万条数据的文本测试；内置了git，挺实用的；界面很简洁，分栏也挺酷的（有DOCK工具栏）；侧边栏的文件夹及文件添加很方便非常人性化的快捷键及配置文件