用vscode时间长了的朋友应该会发现,如果我们的一层目录下面只有一个目录的时候,我左侧目录树上,目录层级就只会显示一层,并通过 fold-a/fold-b 的形式展示,如下图 有时候我们并不喜欢vscode...可以通过下面的设置,禁止掉vscode的这个功能 打开 preferences->settings 在搜索栏搜索Compact Folders Explorer: Compact Folders ???
如何关闭VS code工具的git提示 只需要关闭用户设置里的Git:Enabled即可; 第一步,我们只需要打开”文件->首选项->设置” 第二步,在搜索栏中搜索git:Enabled,关闭即可;
TS-NODE 可以看出这些不足都来自于一个根本原因,运行之前需要编译。...后来我就发现了一个很强大的工具ts-node,来看下ts-node的简介: TypeScript execution environment and REPL for node....最简单的例子,在注册ts-node之后,我们就可以直接加载并运行ts文件 require('ts-node').register(); // 这样就能直接加载并运行 ..../ts-code.ts... require('..../ts-code'); TS Config 为了断点调试,我们需要在tsconfig.json中开启sourceMap { "compilerOptions": { "module": "commonjs
vscode 在之前的某个版本更新后,默认情况下,假设有个目录 a ,其下只有唯一一个目录 b,vscode 的目录树就会将 a 和 b 作合并,变成 a/b,就像下面这样: 对于 Java 项目的包结构来说...为解决这个问题,我们需要去设置里找到 vscode 的目录紧凑模式(Compact Folders)选项。
使用 TS 开发项目的时候有时会遇到类型错误,就会产生下面的提示: 这个错误提示格式简直让人抓狂,幸好有个 VSCode 扩展:Pretty TypeScript Errors 使用之后错误提示格式如下
插件说明 auto-ts-inline-types,在vscode插件市场搜索 安装完成之后,在ts代码编辑区域,右击选择autoTsType,执行等待,执行完成,ts类型已经补充 补充说明由于算法的缺陷和部分补充代码不兼容...ts的写法,依然有bug存在以及需要手工调整 需求背景 ts类型的补充是代码健壮性的保证之一 类型引用层级与个人代码水平各异导致类型不能全部补充,写ts和写es5差距不大,反而有些本末倒置的意思 常见解决方案...代码提示,在vscode中有各种各样的代码提示插件,本人也安装了一个小众的由webpack作者发布的插件ts-inline-types 举一反三 基于这些大牛的想法与代码,我想了想既然可以提示ts类型...其实就是把ts-line-types的代码有提示换成自动补全 想得永远比做的简单 难点一:提示语法与编写语法冲突,例如ts类型前面提示信息在ts书写过程中不能使用例如 // 提示显示内容 console.log...前面代码插入会导致后面代码插入位置不正确 难点三:特殊场景例如其他的探索暂时未知 // 箭头函数带括号写法 ()=>{} // 箭头函数不带括号写法 e=>{} 同样是箭头函数解析的时候位置就不一样 难点四:vscode
很多用户此前在平台中设置了录像计划,后来将录像关闭了之后,发现还是会产生TS切片文件,不知道什么原因,因此请求我们排查协助。...技术人员接到反馈后,登录用户的EasyCVR平台检查,发现用户只是将录像计划关闭了,但没有删除时间轴:如果未删除时间轴,平台会默认用户还在录像,因此会产生ts切片并保存。
[d016dea96c564110aedda3f4a7f31444~tplv-k3u1fbpfcp-zoom-1.image] 在使用 VSCode 开发 Vue3 + TS 项目时,编辑器一直有一个报错...报错信息 具体的报错信息如下图所示: [image-20210928193040954] 找不到 .vue 的声明文件,实际上就是 TS 无法识别 .vue 类型的文件。...“(或者你自己新建的其他名称的 .d.ts 文件)添加到 include 中: ``` js "include": [ "vue.d.ts" ], ``` 我这边完整的 include 属性如下(...我新建的是 ”app.d.ts“): !...juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8b8f12556b1c4dd88a5bebda72a08576~tplv-k3u1fbpfcp-zoom-1.image) 结果 最后,我们来看一下 VSCode
所有插件依次关闭,重启VS Code,依旧没有任何用处;继续排查。 3. VS Code主体损坏? 重新去官网下载了一个客户端,覆盖安装。依旧没有任何作用。...这个问题看来不少人遇到,VS Code官方Github仓库的issue也有讨论: https://github.com/microsoft/vscode/issues/111483 有不对之处请留言
,js文件】 JSON to TS 将json代码转变为Ts代码 【全局】 Vetur 快速书写Vue代码 【vue文件】 Vue 2 Snippets 快速新建一个vue页面(参考文章...AI for Python,Ts/Js /Java 语法。...窗体内显示的编辑器窗体数量(默认为关闭)。...": "esbenp.prettier-vscode" }, "[typescript]": { // 对ts文件进行格式化时,使用哪一种风格 (此处使用的是vscode中安装的...配置) 3. react 项目,额外配置 react项目(使用 npx create-react-app my-app 创建),有时会发现eslint检验规则不生效,此时在当前项目,需要额外安装2
默认VSCode只有javascript的核心语言智能提示 在VSCode里,对常见的关键字和可推断的对象确实是可以有智能提示,但一旦使用其他第三方库,这个智能提示就不管用了,而对于面向轮子来开发的应用层开发来说...整个原理估计是开发者另外开了一个专门用于定义js类型的库,然后我们上述的命令将这个库装到VSCode里。 ?...其他一些自带d.ts文件库的安装方式 除了上面的库和类型库定义分开的情况,需要安装相应的types库外,有一些库它是将d.ts文件放到自己的项目里的,这时只需要使用npm命令将其库下载下来即可。...这时只能关了VSCode再重新打开,让其加载一下。 同样地,有时莫名地之前可以智能提示,突然又不行了,重启VSCode大法,多数情况又好起来了。 ?...额外补充:使用TypeScript智能提示写ECharts的Option 在js上有智能提示,但它的提示度也是有限的,上面所说的@types的方式安装d.ts文件,这个其实是用来给本意是给TypeScript
eslint --ext .ts,.js . 检查并修复代码规范命令。 eslint --fix --ext .ts,.js ....VSCode插件和配置-简化规范工作 eslint和eslint-plugin-prettier对代码进行格式化,需要我们跑eslint --fix --ext .ts,.js .命令,每次修改完代码,...在根目录下新增.vscode目录,目录下新建setting.json文件,添加如下的设置。这里为了避免关闭vetur和eslint配置的冲突,关闭vetur一些格式化的选项。...editor.formatOnSave": true, "javascript.format.enable": false, "typescript.format.enable": false, // 关闭...与其他开发者共享VSCode插件和配置 setting.json 通过把.vscode/setting.json传到git仓库,我们可以和项目开发者共享保存自动格式化的VSCode设置,但是还是需要手动安装插件
规则的取值一般是一个数组(上例中的 @typescript-eslint/consistent-type-definitions),其中第一项是 off、warn 或 error 中的一个,表示关闭、警告和报错...关闭、警告和报错的含义如下: 关闭:禁用此规则 警告:代码检查时输出错误信息,但是不会影响到 exit code 报错:发现错误时,不仅会输出错误信息,而且 exit code 将被设为 1(一般 exit...code 不为 0 则表示执行出现错误) 检查一个 ts 文件§ 创建了配置文件之后,我们来创建一个 ts 文件看看是否能用 ESLint 去检查它。....ts" } } 此时执行 npm run eslint 即会检查 src 目录下的所有 .ts 后缀的文件。...VSCode 中的 ESLint 插件默认是不会检查 .ts 后缀的,需要在「文件 => 首选项 => 设置 => 工作区」中(也可以在项目根目录下创建一个配置文件 .vscode/settings.json
工具准备 提示 在开发前,建议关闭所有功能性扩展,以防止部分日志输出与调试效率。...由于我这里选择的 ts + webpack 进行开发(视情况勾选webpack),所以是需要打包,同时脚手架已经生成好了对应.vscode 的设置。...代码解读 extension.ts import * as vscode from 'vscode' export function activate(context: vscode.ExtensionContext...其实现代码主要调用 vscode.window.showInformationMessage 函数如下 extension.ts import * as vscode from 'vscode' import...生成后会得到一个 token,保存它,当你关闭时便不再显示。
尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", "prettier.singleQuote": true, "prettier.tabWidth": 2, // 关闭自带的格式化..., // 格式化.vue中html "vetur.format.defaultFormatter.html": "js-beautify-html", // 让vue中的js按编辑器自带的ts...格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions...自带的自动保存 ,vscode 默认也是 false "editor.formatOnSave": false, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation...默认的配置有冲突可能会出现问题,请确保根目录下的.vscode/settings.json文件和上面的文件并不冲突,可以把.vscode/settings.json设置为一个空JSON。
$|\.ts(x?)...vscode编辑器对ts的支持很好,推荐使用微软自家的vscode编辑器。在编辑tsconfig文件的时候,需要提示的地方按ctrl+whitespace就可以看到各属性的解释,非常方便。...ts既然是一个强类型的语言,类型的定义是ts的优势,既然你选择了ts,那就请尽量将这个选项打开,让ts提醒你有个变量没有申明类型。这样也可以减少错误率。...我一版是H5工程关闭此选项,node工程开启此检查。 preserveConstEnums用法 ts默认将常量的枚举类型替换为值,有点像宏。...type文件以.d.ts结尾,价值等同于头文件。ts已经默认声明了很多通用的头文件,你可以再vscode中敲一个window,然后command+鼠标左键点进去看。你会发现里面别有洞天。
随着 VSCode 在前端开发里的普及,TS 被更多 前端开发er 所接受,开始迎来了它的时代。...在使用 VSCode 写 JS 代码的时候,不管你喜不喜欢、用不用 TS ,都会在不经意的时候,享受它所带来的便利。...JS 里的 TS 不知道大家有没有想过,为什么在 JS 中打出document.的时候,VSCode 就会自动弹出它里面的方法。 ?...TS 本身就是 JS 的超集,因此对 JS 有一定支持也是它的 kpi 之一。 VSCode 在 JS 环境下的 TS 能力来自于 VSCode 自己揣着的 TS 库。...demo 对应的关闭当前文件Check JS的顶部注释是// @ts-nocheck,忽略下一行 TS 错误是// @ts-ignore。
但是我现在几乎不再使用它,取而代之的是 VSCode,一款微软开源的代码编辑器,它自带 git , eslint 等工具,让我们编码更加的有质量,有效率。...typescript-eslint/recommended', ], parser: '@typescript-eslint/parser', // 解析器,本解析器支持Ts...// 规则 }, }; 配置项 parser - 解析器 parserOptions - 解析器选项 env 和 globals - 环境和全局变量 rules - 规则 off或0,关闭规则...集成 我使用的是 VSCode ,来给它添加魔法,加 EditorConfig , Eslint , Prettier , Git 扩展。...subject: '短说明:\n', body: '长说明,使用"|"换行(可选):\n', breaking: '非兼容性说明 (可选):\n', footer: '关联关闭的
引用跳转(转到定义)/文件搜索、主题定制,高级的debug协议等等 P.S.实际上,非要扩展UI,也是有办法的(逃出插件运行环境,但要费不少力气),具体见access electron API from vscode...export function activate(context: vscode.ExtensionContext) { // hang up while (true); } 一个插件的死循环并不影响...激活之后,直到IDE被关闭/崩溃才会触发extension.ts/deactivate,所以一般用法是: activate: 插件被激活,初始化功能模块单例(只执行一次) deactivate: IDE...即将关闭,清理现场,但不宜做太耗时的操作,因为据说最多只等待10s 扩展点 即支持的扩展类型,都声明在package.json/contributes下,包括: configuration 插件配置项,...typings/ *.d.ts commandManager.ts commands.ts logger.ts markdownEngine.ts security.ts
常用设置 打开新文件不替换当前未修改的文件 "workbench.editor.enablePreview": false 常用插件 vue-helper vue开发增强工具 按ctrl和左键跳转定义 vscode-elm-jump...跳转常规定义 Auto Close Tag html标签自动关闭 Auto Rename Tag 修改html开始标签,结束标签自动修改 Eslint eslint检测和修复工具 Git History...Snippets vue2.x代码提示 Element UI Snippets vue element-ui代码提示 Surround 生成包围选中内容的代码,如ifelse 等 Power Mode vscode...Todo Tree 可以在左侧菜单生成特定注释的树,方便定位 GitLens — Git supercharged 可以直接看到当前光标所在行的代码被哪个改过 TypeScript Importer ts...对象或者方法自动生成import(已经有export) code runner 在vscode里面直接运行代码。
领取专属 10元无门槛券
手把手带您无忧上云