ReactNative

React(脚手架)

2019-02-25  本文已影响60人  感觉不错哦
第一次使用脚手架,先学习路由,回头我们用脚手架针对api有时间我再撸一遍

脚手架的安装,会使用yarn的建议使用yarn

npm install -g create-react-app
create-react-app my-app my-app为自己的demo名称

这里是有个小坑的,就是你的目录名不要使用大写,这样作只要是为了严谨性,因为在Linux下是严格区分大小写的。
成功安装之后运行npm statr 即可

出现此页面即可!!!基本目录我们来看看


我是用yarn安装的,所以yarn.lock可以不用在意,React目前还没有实现热更新,比较集成化,不需要我们配置太多,后续再看吧目前自己也是萌新

react的生态圈非常庞大,第三方的构建工具也有很多种,比如圈内常用的generator-react-webpack,它是需要yeoman的支持的,当然你可以手打webpack都是一样的

安装
npm install -g yo 缩写
npm install -g generator-react-webpack

安装好之后输入 创建,这里是我单独创建了一个文件夹


输入yo ‘name’



是否开始postcss 选择Y

因为我的NPM 是真的太慢了,换成yarn试试

等了好久终于安装好了,npm慢的朋友推荐yarn 安装



这个目录结构厉害了
npm start之后出现此页面即可

看一下目录中的package.json,主要看scripts

https://github.com/react-webpack-generators/generator-react-webpack
这是react-webpack-generator的github地址,建议用谷歌翻译

因为个人比较喜欢webpack,并且自己也在学习所以目前我先使用此脚手架学习,后续会使用create-react-app继续来,学习就是要多练

上一篇下一篇

猜你喜欢

热点阅读