专栏首页全栈开发小账本TypeScript + Vue 项目的 Eslint中解构配置
原创

TypeScript + Vue 项目的 Eslint中解构配置

概要

该文讲解Eslint 配置项 prefer-destructuring在TypeScritp + Vue 项目中使用和配置

配置说明参考腾讯云文档说明

配置

.eslintrc.js 的rules 配置中一般配置为

{
    rules: {
        'prefer-destructuring': 2 // 如果在Type项目建议注释
    }
}

用法

// 正常写法
const local = this.props.local;

// 析构写法 ,这个也是Eslint格式化后的写法
const { local } = this.props;

// Typescript 中建议写法
const local: string = this.props['local'];

应为使用了vsCode + prettier插件,保存自动格式化,所以建议注释配置

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue的注册路由

    Vue 提供了 Vue.use 的全局 API 来注册这些插件,所以我们先来分析一下它的实现原理,定义在 vue/src/core/global-api/use...

    Mr.Teen
  • vue-cli-service编译错误

    (vue-cli #4210)https://github.com/vuejs/vue-cli/issues/4210

    Mr.Teen
  • PTA平台nodejs的输入输出控制

    Mr.Teen
  • IDEA中每天都在用的Project Structure,你了解多少?

    Idea这款开发工具的便利之一是很多配置项几乎可直接使用默认项。但针对不同的项目难免需要针对性的配置,本文带大家详细的梳理一遍Project Structure...

    程序新视界
  • ICML 2018大奖出炉:伯克利、MIT获最佳论文,复旦大学榜上有名

    而复旦大学副教授黄增峰一人署名的论文《Near Optimal Frequent Directions for Sketching Dense and Spar...

    机器之心
  • 编程中的死亡对象

      在之前的 Java内存区域文章中已经知道几乎所有Java对象实例都存放在堆中,GC对堆进行回收之前先是判断哪些对象已经“死亡”。那么问题来了,怎么样确定一个...

    GreizLiao
  • 设计模式专题(二十) ——职责链模式

    设计模式专题(二十)——职责链模式 (原创内容,转载请注明来源,谢谢) 一、概述 职责链模式(Chainof Responsibility),是使多个对象都有...

    用户1327360
  • Android热更新利器Tinker接入

    基准包 例如有一个版本A,但是这时A是有Bug的,然后修复Bug后的生成的版本我们称为B。A和B之间的区别产生一个差分包(这里也称为补丁包),那么我们就可以说这...

    用户1269200
  • 20161216微信支付 全程配置

    傅_hc
  • 一文助你搞懂 AST

    抽象语法树(Abstract Syntax Tree)简称 AST,是源代码的抽象语法结构的树状表现形式。webpack、eslint 等很多工具库的核心都是通...

    coder_koala

扫码关注云+社区

领取腾讯云代金券