React(脚手架)
第一次使用脚手架,先学习路由,回头我们用脚手架针对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继续来,学习就是要多练