react开发环境的搭建

如何将react文件引用到项目上面

• 引入.js文件来使用React

缺点：需要用script标签引入外部被拆分的js文件页面，导致页面加载慢，性能低，维护性差

• 通过脚手架工具来编码

脚手架工具实际上是前端开发过程中的辅助工具，会自动构建大型项目的开发流程和目录，允许我们以一定的方式实现js文件的相互引用，更方便的对项目进行管理，但是在脚手架里面写的代码不能直接运行，需要脚手架工具帮我们编译，编译出来的代码才能被浏览器识别运行，一般使用grunt、gulp、webpack等工具来帮助编写脚手架工具。react官方提供的脚手架工具是create-react-app

安装create-react-app

全局安装create-react-app

cnpm install -g create-react-app

运行create-react-app命令创建react项目（项目名称不能有字母大写也就是不能驼峰命名）

create-react-app project-name

运行react项目

cnpm run start