玩多了Vue,换个口味,撸撸React

为了避免自己配置造成太多坑,所以一来就想有没有类似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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容