为了避免自己配置造成太多坑,所以一来就想有没有类似vue-cli的脚手架。网上搜了下,推荐generator-react-webpack这个脚手架开发react。好吧,那咱就开始撸吧。
按照github上该脚手架提示,先npm install -g yo npm install -g generator-react-webpack,然后创建个文件目录,cd进该目录,yo react-webpack执行。于是react开始配置了,拭目以待吧。
吃完饭继续撸,在npm install之后,接着npm start,编译提示用localhost:8000打开,然后浏览器中帅气输入,结果访问失败,localhost拒绝了访问请求,更改端口8000位8080,再试,ok,搞定。
菜鸟教程上另一种构建方式:这方式遇到个问题,npm版本导致项目构建失败,把版本回退到3.8.9后搞定
cnpm install -g npm@3.8.9
使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
执行以下命令创建项目:
$ cnpm install-g create-react-app
$ create-react-appmy-app
$ cdmy-app/$ npm start
网友评论