timg.jpg
重新燃起激情来文章了，谢谢看我文章和关注我的读者们
~基本上，做过工程化项目的前端er都知道，一般自己去搭建一个项目的准备工作是挺多的，关键还容易出错，于是也就有了脚手架的出现。当然啦，在自己学习过程中还是建议自己去搭建项目的准备工作，具体开发的时候采用脚手架会更好。
vue有vue-cli,angularJS有angular-cli,而做react项目则有create-react-app这个脚手架。
今天主要来讲下create-react-app的搭建，也是和vue-cli大同小异啦
create-react-app
安装create-react-app
npm isntall -g create-react-app
安装好了之后，看一下版本
create-react-app --version
create-react-app-version.png
证明是安装成功的。也有可能安装败，如果遇到安装失败的情况，可以评论留言一起交流啦~相信你的问题一定可以解决。
当然有，一点要注意的是，如果采用webpack打包项目的话，webpack已经升级为4.0的 webpack-cli,如果遇到用npm安装失败的话，有可能是webpack没有升级导致的问题。所以可以升级一下啦。
npm install -g webpack-cli -D
创建项目目录my-app
安装好了之后就直接创建my-app目录，这个目录是我们项目的根目录，具体叫什么名字，看具体需求啦
create-react-app my-app
慢慢等待安装了
loading.png
安装好了之后，接下来进入这个目录，然后安装依赖（脚手架都差不多）
cd my-app
我是直接命令行进入目录的，如果你还不清楚命令行，就直接进入当前my-app文件目录再安装依赖啦。
安装依赖
npm install
接下来就是就像是集齐龙珠召唤神龙了，直接
npm start
项目跑起来的话，就用默认用你的3000端口打开构建的本地服务器，如果你的3000端口被占用，就会用其他端口打开啦
already.png
看到上图就代表成功了，接下来就可以开始你的表演了~
有问题可以留言一起交流~~~
欢迎访问我的个人网站zhengyepan.com
网友评论