如何在WebStorm和Babel中使用无构造函数的javaScript类？

此代码在ES6/Babel中工作

 class Human {
    gender = 'male';
    prnG = ()=> {
        console.log(this.gender)
    }
}

class Person extends Human {
    name = 'Ana';
    gender = 'female';
    prnN = ()=> {
        console.log(this.name);
    }
}

const hum = new Human();
hum.prnG(); // "male"

const person = new Person();
person.prnG(); // "female"
person.prnN(); // "Ana"

如何在带有Babel设置的WebStorm中使用不带构造函数的类在带有constructor和属性this.gender='male'的ES6中进行转换？

您需要Babel插件来实现这一点

npm i巴贝尔插件转换类属性巴贝尔预设环境-保存开发

在法律改革委员会：

{ 插件：[ 转换类属性 ], 预设：[ 环境 ] }

将此插件用于babel