React脚手架rekit的安装和使用

React脚手架rekit的安装和使用

近期在看react，有看到rekit这个脚手架，话不多说，试试~

Rekit是开源的一个脚手架，开发者集成了create-react-app和其他一些react开发工具，以便于提高react开发效率，主要特点就是可视化、UI操作。按技术架构来组织文件，拆分项目复杂度。（如下图）

Rekit安装使用

npm install -g rekit

emmm…已经安装好了
接下来，创建一个react项目

rekit create react-app  //react-app:你的react项目
cd react-app
npm install
npm start

好了，你的第一个react项目已经搭建好了，他生成了一个react的example

Rekit-studio

但是，所谓的 rekit-studio 可视化操作界面在哪呢？
emmm…也要单独安装一下rekit-studio

npm i -g rekit-studio

设置rekit-studio端口

rekit-studio -p 3020

好了，这个时候你就可以在本地3200端口访问你当前项目的rekit-studio界面了~

注意：如果你安装rekit-studio不成功，可能是下面两种原因：

1. node版本太高，切换到10.16.0

nvm use 10.16.0

node -v //查看node版本 10.16.0

2. 没有windows-build-tools，先用管理员模式安装这个依赖

npm install --global --production windows-build-tools

安装成功如下图：all done

大功告成，开始你的react之路叭~