文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【TypeScript】014-工程相关

关闭、警告和报错的含义如下： 关闭：禁用此规则 警告：代码检查时输出错误信息，但是不会影响到 exit code 报错：发现错误时，不仅会输出错误信息，而且 exit code 将被设为 1（一般 exit...在 VSCode 中集成 ESLint 检查 在编辑器中集成 ESLint 检查，可以在开发过程中就发现错误，甚至可以在保存时自动修复错误，极大的增加了开发效率。...当然，我们一般不会在 ts 文件中使用 export = foo 来导出模块，而是在写（符合 commonjs 规范的）第三方库的声明文件时，才会用到 export = foo 来导出类型。...比如 React 的声明文件中，就是通过 export = React 来导出类型： export = React; export as namespace React; declare namespace...React { // 声明 React 的类型 } 此时若我们通过 import React from 'react' 来导入 react 则会报错，查看示例 ： import React from

1.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    ESLint + Prettier 代码规范统一指南

    ESLint 是一个开源的 JavaScript 代码检查工具，用于识别和报告代码中的模式匹配问题。 基础安装和配置 1...."ms-vscode.vscode-typescript-next" ] } 不同项目类型配置方案 React 项目配置 1....症状：团队成员保存文件时格式化结果不同 解决方案： 统一编辑器配置： // .vscode/settings.json { "editor.formatOnSave": true, "editor.defaultFormatter...{ // 升级为错误级别 '@typescript-eslint/no-explicit-any': 'error', '@typescript-eslint/explicit-function-return-type...：统一配置，规范文档，持续优化 下一步行动 根据项目类型选择合适的配置方案 设置 Git hooks 和 CI/CD 集成 团队培训和规范推广 持续监控和优化 通过系统性的代码规范实施，您的团队将获得更高的开发效率

    42310

    代码规范之-理解ESLint、Prettier、EditorConfig

    不过不得不感慨一句：即使官方已声明停止更新很长时间了，你会发现还是有很多TypeScript项目采用TSLint作为代码检查的工具，未做迁移。...与Java等编程语言不同，JavaScript作为弱类型的动态语言，因为缺少编译阶段，有些本可以在编译过程中发现的错误，只能等到运行时才发现，这给我们调试和提前发现隐藏问题增加了一些难度，而 Lint...那么 TypeScript 已经能够在编译阶段检查出很多问题了，为什么还需要Lint工具代码检查呢？ 因为 TypeScript 关注的重心是类型的检查，而不是代码风格。...安装： yarn add --save-dev eslint 复制代码 安装插件和解析器 假如项目中使用了TypeScript和React，则安装： // 我们需要安装 @typescript-eslint...yarn add --save-dev typescript @typescript-eslint/parser // 安装eslint-plugin-react配置包扩展支持React语法；安装@typescript-eslint

    4K30

    VSCode打造成为开发神器

    ESLint：团队开发的时候统一代码风格神器，以防因为代码风格不同而造成代码冲突。 Guides：代码块提示。 SonarLint：代码质量检测，和ESLint兼容，不会出现相互冲突的规则。 3....ES7 React/Redux/GraphQL/React-Native snippets React Native Tools 3.3 Vue 开发Vue需要的插件。...Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro：同上，只是转化的文件类型更多样。 4....Code Spell Checker：检测项目中的单词是否有拼写上的错误。 Debugger for Chrome：能够使VSCode在Chrome上面调试代码。...Paste JSON as Code：自动将JSON文件转化为TypeScript、C#等等各种语言的声明代码。 Path Intellisense：引入文件时具有文件地址提示。

    2.5K20

    ESLint 配置入门

    强烈建议在编辑器中装上插件，它可以直接在代码的位置上提示错误并提供信息。如果你使用的是 VSCode，可以安装 ESlint 插件。 修复指定文件的规则，在原来命令的基础上加上 --fix 即可。...npx eslint src/index.js --fix VSCode 则可以通过智能提示的 Quick Fix 自动修复。 需要注意的是，并不是所有的规则错误都可以 auto fix。...分为 off / 0：关闭规则； warn / 1 ：警告等级，配合其他工具时表现为编译通过，但会出现警告，在 VSCode 使用插件后显示为黄色波浪线； error / 2：错误等级，表现为编译不通过...={true} 是不允许的，需要用 disabled "react/jsx-boolean-value": [ "error", "never" ] } 但注意它只是声明，而不会应用这些规则.../parser" 保存时自动格式化 这个需要借助编辑器的插件，在保存的时候调用 ESLint 的 fix API。

    2K20

    Prettier与ESLint：代码风格与质量的自动化保证

    ESLint####　作用：静态代码分析，检测潜在的错误、代码异味和不推荐的编程习惯。提供丰富的自定义规则，可以检查代码风格、变量使用、代码复杂度等。.../parser @typescript-eslint/eslint-plugin在项目中使用npx eslint或配置IDE（如VSCode）的ESLint插件来进行实时检查。...'prettier/prettier': 'error', // 把Prettier的规则设为错误级别 // ...其他规则 },};现在，当运行eslint --fix时，ESLint会先应用...使用ESLint的插件和共享配置插件@typescript-eslint：为TypeScript提供额外的规则和错误修复。eslint-plugin-import：检查导入顺序和导出规范。...': 'off', // 关闭非默认导出的警告 '@typescript-eslint/explicit-module-boundary-types': 'off', // 关闭类型声明的警告

    1.3K00

    深度讲解TS：这样学TS，迟早进大厂【21】：代码检查

    关闭、警告和报错的含义如下： 关闭：禁用此规则 警告：代码检查时输出错误信息，但是不会影响到 exit code 报错：发现错误时，不仅会输出错误信息，而且 exit code 将被设为 1（一般 exit...code 不为 0 则表示执行出现错误） 检查一个 ts 文件§ 创建了配置文件之后，我们来创建一个 ts 文件看看是否能用 ESLint 去检查它。...在 VSCode 中集成 ESLint 检查§ 在编辑器中集成 ESLint 检查，可以在开发过程中就发现错误，甚至可以在保存时自动修复错误，极大的增加了开发效率。.../lib" } 这样就实现了保存文件时自动格式化并且自动修复 ESLint 错误。.../typescript/lib" } 使用 AlloyTeam ESLint 规则中的 TypeScript React 版本§ AlloyTeam ESLint 规则中的 TypeScript React

    3.2K20

    Vite + React + Typescript 构建实战

    这个时候，会出现命令行提示，咱们按照自己想要的模板，选择对应初始化类型就 OK 了 安装项目依赖 首先，我们需要安装依赖，要打造一个基本的前端单页应用模板，咱们需要安装以下依赖： react & react-dom..."  },  "[typescript]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "typescript.tsdk..."  }} 这个时候，咱们的编辑器已经具备了保存并自动格式化的功能了 ESLint + Prettier 关于 ESLint 与 Prettier 的关系，可以移步这里：彻底搞懂 ESLint 和 Prettier...，按照文档安装对应的 ESLint 配置： npm install --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint...类型interface ContextType {  stores: StoreType}// 这两个是函数声明，重载function useStores(): StoreTypefunction useStores

    2.2K30

    Node.js 项目 TypeScript 改造指南

    本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。...，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...更要命的是，IDE和编译器没有任何报错。如果这个最基本的类型检查都解决不了，那我要 TypeScript 何用？...我们将声明文件补充到typings文件夹中，以包名作为子目录名，最简单的写法如下，这样 IDE 和 TypeScript 编译便不会报错了。

    9.2K32

    前端架构师神技，三招统一团队代码风格

    大纲预览 本文介绍的内容包括以下方面： 认识代码规范 制定和统一规范 神技一：ESLint 神技二：Prettier 神技三：VSCode 附录：命名和项目结构规范 认识代码规范 先来思考两个问题： 什么是代码规范...定制规范后，项目运行或热更新时，ESLint 就会自动检查代码是否符合规范。 问：ESLint 检查与 TypeScript 检查有啥区别？...TypeScript 只会检查类型错误，而 ESLint 会检查风格错误。...a 和函数 add 已声明但未使用，说明代码不符合约定的规范。...不同点：ESLint 会在检查时对不规范的代码提示错误；而 Prettier 会直接按照规范格式化代码。 所以，ESLint 和 Prettier 定义的规范要一致，不能冲突。

    1.3K20

    Node.js项目TypeScript改造指南

    本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。...，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...更要命的是，IDE和编译器没有任何报错。如果这个最基本的类型检查都解决不了，那我要 TypeScript 何用？...我们将声明文件补充到typings文件夹中，以包名作为子目录名，最简单的写法如下，这样 IDE 和 TypeScript 编译便不会报错了。

    5.5K10

    vscode-前端插件

    require 时的包提示(node必备) Vetur (推荐)(vue必备) VueHelper Vue TypeScript Snippets Vue 2 Snippets bootstrap v3...open-in-browser.default”: “google chrome” 括号加上不同的颜色 Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色...Debugger for Chrome 映射vscode上的断点到chrome上，方便调试 调试方式 ESLint js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint.../es7 react-beautify 格式化 javascript, JSX, typescript, TSX 文件 智能提示HTML class =“”属性 Class autocomplete for...(推荐)(vue必备) Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。

    2.3K20

    Node.js项目TypeScript改造指南

    本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。...，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。...ESLint配置 为了开发方便我们可以在 VSCode 中集成 ESLint 的配置，一是用于实时提示，二是可以在保存时自动 fix。...更要命的是，IDE和编译器没有任何报错。如果这个最基本的类型检查都解决不了，那我要 TypeScript 何用？...我们将声明文件补充到typings文件夹中，以包名作为子目录名，最简单的写法如下，这样 IDE 和 TypeScript 编译便不会报错了。

    5.2K20

    从 ESLint 开始，说透我如何在团队项目中基于 Vue 做代码校验

    ，比如可以选 React、Vue（现已支持 Vue 3.0）、TypeScript 等； 使用插件 plugins ESLint 提供插件是干嘛用的 ESLint 虽然可以定义很多的 rules，以及通过...规则的校验说明，有 3 个报错等级 off 或 0：关闭对该规则的校验； warn 或 1：启用规则，不满足时抛出警告，且不会退出编译进程； error 或 2：启用规则，不满足时抛出错误，且会退出编译进程...对于个别规则，会使得双方在校验后出现代码格式不一致的问题。 那么当 Prettier 和 ESLint 出现冲突之后，该怎么办呢？...首先用 ESLint 来做代码校验，它自带的 ruels 能提供 2 种类型的校验，分别是代码错误校验和代码格式校验，而 ESLint 本身的核心工作其实就是校验和修复错误的代码，而对格式化的规则提供的不多...，这个扩展不仅可以关闭和 ESLint 内置规则的冲突，还可以关闭实际项目中引用到的扩展规则的冲突，比如和 Vue、React、TypeScript、Flow 的冲突。

    3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券