提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
3.启动运行项目
前言
本文编写主要参考以下链接内容
一、React脚手架安装
1.通过 npm 使用 React
执行如下安装命令:
npm install -g create-react-app
执行成功后就可以执行 create-react-app 命令了。
二、创建一个应用
1.cd 到创建项目的目录
cd xxx/xxxx
2.创建项目
create-react-app my-app
注意⚠️:项目名不能包含大写字母,执行命令会报错:
Cannot create a project named "MyApp" because of npm naming restrictions:
* name can no longer contain capital letters
Please choose a different project name.
3.启动运行项目
执行以下命令,进入项目文件目录中,并启动项目。
cd my-app
npm start 或者 yarn start
yarn start
开启开发的服务,看开放的页面效果,执行这个命令
yarn bulid
开启完成后,上线时要打包成静态文件,交给后台部署到服务器,执行这个命令
yarn test
用于测试开发,一般不用,我们 yarn start运行 看效果
webpack.config.js是webpack的配置文件,是核心文件,默认全部隐藏起来。 yarn eject是暴露出来,但是,慎用,一旦暴露出来,你将无法恢复回去。