初识React脚手架
React脚手架(React Scaffold)是一个命令行工具,用于生成React应用的基础结构。它可以帮助开发者快速搭建一个新的React项目,避免了手动设置webpack、Babel、测试框架等的繁琐步骤。
安装React脚手架的命令如下:
npm install -g create-react-app
创建一个新的React应用的命令如下:
create-react-app my-app
这将创建一个名为my-app
的新React应用,包含了所有必要的配置和基础代码。
如果你想使用TypeScript,可以使用--typescript
选项:
create-react-app my-app --typescript
以上命令是在命令行中使用React脚手架的基本方法。如果你想在现有的项目中添加React,可以使用npm
或yarn
安装React和其他必要库:
npm install react react-dom
或者使用create-react-app
的react-scripts
来启动一个新的页面,并开始编写React代码:
import React from 'react';
import ReactDOM from 'react-dom';
const App = () => (
<div>
<h1>Hello, world!</h1>
</div>
);
ReactDOM.render(<App />, document.getElementById('root'));
以上代码演示了如何在现有项目中引入React并创建一个简单的组件。
评论已关闭