做过工程化项目的前端er都知道,一般自己去搭建一个项目的准备工作是挺多的,关键还容易出错,于是也就有了脚手架的出现。当然啦,在自己学习过程中还是建议自己去搭建项目的准备工作,具体开发的时候采用脚手架会更好。
vue有vue-cli,angularJS有angular-cli,而做react项目则有create-react-app这个脚手架
下面讲下create-react-app的搭建,也是和vue-cli大同小异。
标题安装create-react-app![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/400789447c739f6b33571ab64190ed35.png)
安装好了之后,查看版本
一点要注意的是,如果采用webpack打包项目的话,webpack已经升级为4.0的 webpack-cli,如果遇到用npm安装失败的话,有可能是webpack没有升级导致的问题。所以可以升级一下啦。
标题创建项目目录my-app
安装好了之后就直接创建my-app目录,这个目录是我们项目的根目录
安装好了之后,接下来进入这个目录,然后安装依赖(脚手架都差不多)
安装依赖
运行项目
项目跑起来的话,就用默认用你的3000端口打开构建的本地服务器,如果你的3000端口被占用,就会用其他端口打开啦