新建一个react项目

207 阅读1分钟

初始化项目

1.使用命令行创建项目

npx create-react-app app-name

使用npx命令来创建项目,npx为npm5.2.0版本以后内置的命令,如果是npm5.2一下的版本请使用下面的命令

// npm 安装脚手架
npm install -g create-react-app
// 创建项目
create-reate-app app-name

app-name为自己项目的名称

image.png

2.目录结构

image.png

3.启动项目

npm run start

此命令为默认命令,可通过package.json修改

image.png

4. 可能出现的报错

在编写tsx的时候可能会出现查找不到typescript的问题。那么使用如下命令

npm i typescript
npm i --save-dev @types/react