2

开箱即用的 WebStorm 没有为 React.js 组件提供现成的模板,需要和导出都准备好,当您开始设计许多组件以准备好新文件 React 组件模板时,它会让生活更轻松.

所以问题是:如何创建 WebStorm React 组件?

4

2 回答 2

4

1.) 进入设置 (alt+ctrl+s)

2.) 开始输入“文件和代码模板”

3.) 按左上角的绿色 + 按钮

4.)在字段名称中,只写“React Component”和Extension JS(每个人都有自己的偏好,所以随意更改......)

5.) 最佳实践像我一样规定文件命名,即:fileName in camel case 和 ComponentName 首先大写,然后是驼峰大小写。再一次,你可以做任何最适合你的事情。所以我使用了这段代码:

"use strict";

var React = require('react');
var ${NAME} = React.createClass({
    render: function(){
        return (

        );
    }

});
#set( $upper = $NAME.toString().substring(0,1).toUpperCase() )
#set( $rest = $NAME.toString().substring(1))
#set( $capped = "$upper$rest" )
module.exports = $upper$rest;

复制粘贴上面的代码,然后按确定。

现在,当您右键单击新文件时,您将拥有“React 组件”,其中包含所有初始最佳实践代码使用情况,所有这些都温暖并准备好开始添加任何其他代码。

希望这会有所帮助。

于 2016-07-17T11:26:22.237 回答
0

在设置上,搜索“实时模板”。您将在 WebStorm 中找到所有实时模板快捷方式。 webstorm 实时模板

于 2021-04-08T05:56:10.423 回答