一直用liteide来编写golang,但是liteide调试时断点不能实时增删,每次增删断点,重新运行调试才有用,而且变量窗口观察 变量又不方便。于是乎开始琢磨用vscode。...itemName=dbaeumer.vscode-eslint "https://marketplace.visualstudio.com/items?...itemName=mjmcloug.vscode-elixir") 立马安装这个扩展,写了golang helloworld. OK,一切正常。...但是,一般golang工程,不可能就一个main.go,vscode如何管理golang工程又不得而知,原来用liteide可以编译调试的工程,放到vscode就不行。后来仔细梳理了一下。...终于实现了 vscode全面编译原来的liteide的golang工程。 一下几点要注意: 1,golang工程的目录结构最好要遵守,我的目录结构如下图: ?
搞懂了 Babel 和 ESLint、TSC 的区别,就知道为什么都是基于 AST,而 Babel 却不能取代它们两者了。...为什么 Babel 明明可以在编译的过程中实现这种压缩的功能,却要用 Terser 单独来压缩呢?...再来举个例子,就是我最近在研究的调试: 调试我们一般用 Chrome DevTools,它可以调试网页,也可以调试 Node.js,这是为什么呢?...这是我学习调试的经历:发现网页和 Node.js 的调试都可以用 Chrome DevTools 和 VSCode Debugger 调试,了解了下它们的原理都是基于 CDP,而且小程序调试工具、跨端引擎调试工具等可以用...我研究网页和 node 调试的过程中,顺便也搞懂了跨端引擎、小程序调试工具的原理和 Puppeteer 的原理。 这个案例也同样可以说明有了技术深度的同时也会拥有技术广度。
Unable to resolve path to module '@/app/Prisma'.eslintimport/no-unresolved 但是在webstrom 里正常使用。...分析 eslint 不认识 ,猜测是配置的问题。 网上也有说配置下.eslintrc.js文件的,试了试都不对。仔细分析应该不是这个问题,不然webstrom打开为什么没有错。...问题解决 最后怀疑到eslint vscode 插件上,看了下文档,其实文档写的很清楚。...eslint vscode插件有一个默认工作区配置的属性eslint.workingDirectories,这个属性可选择: [{“mode”:“location”}] : (@since 2.0.0)...我这边没有修改全部配置在vscode setting里设置成了mode auto 参考: https://gitcode.net/mirrors/microsoft/vscode-eslint?
VSCode 除了轻量启动速度快,最强大的是其丰富多样的插件,能满足不用使用者各种各样的需求。 在众多插件中,ESLint 就是非常强大的一个。...没错,这个插件就是我们前面说到的神技第一招 ESLint 在 VSCode 上支持的同名插件。...猜对了,当然有插件,插件全名叫 Prettier - Code formatter,截图如下,在 VSCode 中搜索安装即可。...VSCode 的设置分为两类: 用户设置:应用于整个编辑器 工作区设置:应用于当前目录/工作区 这两类的配置内容是一模一样的,区别只是优先级的问题。...添加工作区设置方法:在项目根目录下新建 .vscode/setting.json 文件,在这里写需要统一的编辑器配置。所以我们把上面的 Prettier 配置写在这里即可实现共享。
、prettier、tsconfig 配置等,并且支持自动保存校验,.vscode 中 settings.json 已配置 。...CLI 流程图 使用的模块介绍 commander: 提供了用户命令行输入和参数解析的工具 chalk: 可以实现好看的日志输出 inquirer: 一个强大的用户与命令行交互的工具 listr: 可以在命令行中画出进度列表的工具...我们在工作中也可以多考虑到这一点, 举个例子:比如本文如何对一个cli工具建立可插拔的plugin插件机制,因为 CLI可能会给多个部门创建 BFF 服务使用,不同的业务可能要创建的 BFF 有所区别,...execa 模块,都知道 node中也有执行shell脚本的模块,为什么选择它呢?它是如何支持 promise 的。...必装插件ESLint Prettier - Code formatter 通过这两个插件,配合项目中的规则配置文件,可以使团队中的代码格式化规则一致 安装 create-bff-service-cli
[将代码解析成AST] --- ESLint的运行原理 在开发规则之前,我们需要ESLint是怎么运行的,了解插件为什么需要这么写。 1....中调试node文件,用于观察rule是怎么运行的。...在VSCode中调试node文件 点击下图中的设置按钮, 将会打开一个文件launch.json 在文件中填入如下内容,用于调试node文件。...前端进阶积累、公众号、GitHub、wx:OBkoro1、邮箱:obkoro1@foxmail.com 基友带我飞 ESLint插件是向基友yeyan1996学习的,在遇到问题的时候,也是他指点我的,特此感谢...参考资料: 创建规则 ESLint 工作原理探讨
本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造,包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置,一是用于实时提示,二是可以在保存时自动 fix。...无法提示,可尝试重启下 ESLint 插件、将项目移出工作区再重新加回来。...VSCode调试js 方法二、直接调试ts文件 使用 ts-node进 行调试,VSCode 参考配置如下,详见ts-node[2] { "configurations": [{ "type...VSCode调试ts 步骤七、类型加强、消除any 接下来要做的就是补充 Interface、Type,逐步将代码中的被业界喷得体无完肤的 any 干掉,但不要妄想去掉所有 any ,js 语言说到底还是动态语言
这篇文章目的是介绍如何创建一个ESLint插件和创建一个 ESLint rule,用以帮助我们更深入的理解ESLint的运行原理,并且在有必要时可以根据需求创建出一个完美满足自己需求的Lint规则。...---- ESLint的运行原理 在开发规则之前,我们需要ESLint是怎么运行的,了解插件为什么需要这么写。 1....中调试node文件,用于观察 rule是怎么运行的。...在VSCode中调试node文件 点击下图中的设置按钮, 将会打开一个文件 launch.json 在文件中填入如下内容,用于调试node文件。...参考资料: 创建规则ESLint 工作原理探讨
在日常工作中,我们会接触形形色色的工程。如果工程使用的技术架构不同,可能会有对应不同的代码规范。...下面我将详细讲解为了实现这一目标,我们需要做什么,以及各种规范的基本配置。 EditorConfig 首先,我们需要一个基本的规范,例如缩进,如何换行等等。...ESlint 在 VSCode 内的默认配置。...": "dbaeumer.vscode-eslint" }, // 始终在VSCode的右下角状态栏显示 ESLint 字样,查看 ESLint 运行状态,确保 ESLint 在正常运行 "eslint.alwaysShowStatus...接下来,我将从 普遍用法、Vue项目特殊配置、React项目特殊配置 来看下如何配置 .eslintrc.js 文件。 普遍用法 默认情况下,ESLint 支持 ES5 的语法。
大家好,我是杨成功。 本文从代码规范,代码检查,代码格式化,以及编辑器自动化实现的方向,介绍代码规范统一在我们团队的实践应用。...VSCode 除了轻量启动速度快,最强大的是其丰富多样的插件,能满足不用使用者各种各样的需求。 在众多插件中,ESLint 就是非常强大的一个。...没错,这个插件就是我们前面说到的神技第一招 ESLint 在 VSCode 上支持的同名插件。...VSCode 的设置分为两类: 用户设置:应用于整个编辑器 工作区设置:应用于当前目录/工作区 这两类的配置内容是一模一样的,区别只是优先级的问题。...添加工作区设置方法:在项目根目录下新建 .vscode/setting.json 文件,在这里写需要统一的编辑器配置。所以我们把上面的 Prettier 配置写在这里即可实现共享。
ESLint - Prettier conflict 我曾在一次把 TypeScript 项目从 TSLint 迁移到 ESLint 的工作中遇到过这些问题。...": true } } 如此一来, Prettier 的配置将覆盖 extends 数组中先前任何 代码格式化 相关的 ESLint 配置,二者就能并行不悖地工作了。...我遇到的一个常见问题是当开发者增加一个 ESLint 插件后,如何在不同时改动 Prettier 的情况下,也能让后者正常工作。...错误看起来和 @typescript-eslint 规则有关。 如果你像我一样在使用 VSCode 并开启了保存时自动执行 ESLint 修复,可能会看到这种情况: ?...VSCode extension,编辑器将自动获知该如何格式化你的文件。
---- 为什么是 VSCode? VSCode 可能是目前排名第一的代码编辑器,我喜欢它。...VSCode 拥有一个庞大的开源社区。它的增长和潜力是无限的,在未来学习如何编码和编码本身将会更容易。 ---- 1. 自动闭合 HTML 标签 ? 图片 拥有这种扩展是必须的。...下载这个浏览器预览插件,这样你就可以在你的 VSCode 中完成所有的工作,而不是打开另一个窗口让你的 Chrome 浏览器看到你在代码中所做的改变。...我一直致力于解决的大多数错误和错误都来自于使用 NPM 包、函数和特性,由于它与其他包不兼容,这些都无法正常工作。 这个 VSCode 扩展是必须的: n[19]pm 下载地址[20] 19....图片 自从我开始使用 VSCode 以来,我一直在使用 Emmet。它可以帮助每个开发人员提高编写代码的速度。使用这个扩展,很快你就不能想象没有它的代码了。
而容器中也是由init进程直接或间接创建了Namespace中的其他进程。 linux信号 而为什么不能在容器中kill 1号进程呢?进程在收到信号后,就会去做相应的处理。...在没有别的参数时这个信号类型默认为SIGTERM,是可以被捕获的 SIGKILL(9) Linux 里两个特权信号之一,不能被忽略也不能被捕获。进程一旦收到 SIGKILL就要退出。...为什么在容器中不能kill 1号进程? 对于不同的程序,结果是不同的。把c程序作为1号进程就无法在容器中杀死,而go程序作为1号进程却可以。...如果信号被忽略了,那么 init 进程就不能收到指令了。 想要知道 init 进程为什么收到或者收不到信号,就要去看 sig_task_ignored()的实现。...0000000000004000 [root@043f4f717cb5 /]# kill 1 # docker ps CONTAINER ID IMAGE COMMAND CREATED 重点总结 “为什么我在容器中不能
独在公司加夜班,行行代码心甚寒。不知功能何时完,杀了产品来祭天。 在前面的文章中,我为大家带来了许多Vue 实战技巧,也得到了大家的许多好评,但中间还是存在着些许漏洞,在此向大家表示歉意。...启用压缩,让页面加载更快 在我们开发的时候,为了方便调试,我们需要使用源码进行调试,但在生产环境,我们追求的更多的是加载更快,体验更好,这时候我们会将代码中的空格注释去掉,对待吗进行混淆压缩,只为了让js...在团队开发中,配置这些还是很有用的,制约团队中的每个人都按照标准来开发功能,这样至少大家写的代码不至于相互看不懂(我深受不规范代码的折磨啊)。...在vscode的setting文件里面添加以下代码 "eslint.enable":true, "eslint.options": { "extensions":[ ".js",...lint-staged是一个在git暂存文件上运行linters的工具,为什么要用这个工具呢,因为我们在提交代码的时候,只需要对已经修改过的文件进行校验,不然检查所有文件,比较浪费时间。
为什么需要代码规范?...VSCode 除了轻量启动速度快,最强大的是其丰富多样的插件,能满足不用使用者各种各样的需求。 在众多插件中,ESLint 就是非常强大的一个。...没错,这个插件就是我们前面说到的神技第一招 ESLint 在 VSCode 上支持的同名插件。...VSCode 的设置分为两类: 用户设置:应用于整个编辑器 工作区设置:应用于当前目录/工作区 这两类的配置内容是一模一样的,区别只是优先级的问题。...添加工作区设置方法:在项目根目录下新建 .vscode/setting.json 文件,在这里写需要统一的编辑器配置。所以我们把上面的 Prettier 配置写在这里即可实现共享。
live server 前端神器,可以在 vscode 中预览编写的网页。...只需注意左侧的灯泡,然后按一下它即可了解如何在光标下转换代码。 json2ts 可将JSON转换为TypeScript接口。您可以从VS Code中浏览和安装扩展。...TypeScript Importer 在工作空间文件中自动搜索TypeScript定义,并提供所有已知符号作为完成项以允许代码完成。...Browser Preview,在vscode中实现预览调试 Settings Sync 上传和拉取 vscode 可以快速完成配置,自动安装相关扩展 搜索扩展并安装Settings Sync 拉取公共配置文件和扩展...格式化支持的文件 "editor.defaultFormatter": "esbenp.prettier-vscode", // 自动设定eslint工作区 "eslint.workingDirectories
领取专属 10元无门槛券
手把手带您无忧上云