我正在使用create-react-app
。是否有命令创建用于放置文件的组件。
现在我正在手动创建文件。假设组件名称为Button
,我在组件文件夹内的名为Button的内部创建一个文件夹,然后创建Button.js
和Button.css
是否有任何CLI命令使用create-react-app来执行此操作?我知道有一种方法可以执行此Angular CLI,但对React CLI一无所知。
答案 0 :(得分:15)
您可以直接使用而无需安装generate-react-cli
npx generate-react-cli component MyComponent
将根据您的项目首选项(例如:打字稿,scss等)安装组件。
将创建一个名为generate-react-cli.json
的文件,所有设置都将存储在该文件中以备将来使用。
答案 1 :(得分:1)
您可以为此使用https://www.npmjs.com/package/generate-react-component
这将帮助您创建状态和无状态组件,也称为功能和类组件。
答案 2 :(得分:1)
另一种方法是手动创建文件并使用代码片段生成代码。
例如,看看这个JavaScript/React VS Code extension。您也可以创建自己的摘录,也可以根据需要查找其他扩展。