Nowa 上手篇（2）- 建立 React Web 项目

本系列文章，不断更新中...

• Nowa 上手篇（1）- 介绍

• Nowa 上手篇（2）- 建立 React Web 项目

• Nowa 上手篇（3）- 工具使用指南

• Nowa 上手篇（4）巧用命令集

• ...

在看完废话超多的介绍篇后，欢迎各位看官来到实战篇，固然没看介绍也彻底 OK 啦。

这篇文章主要介绍如何使用 Nowa 可视化工具快速建立 web 项目。好了，废话很少说，卷起袖子，开战～

一、进入新建页面

二、选择合适的模板

官方模板一共有4种，看官能够选择与本身实际业务相符合的模板。为了教程须要，笔者选择了 nowa-template-uxcore 模板进行演示。

官方模板旁边对应有 Version 字样，指的是模板里面使用的 UI 组件库的大版本。

若是官方模板太少，用户能够添加自定义的模板，之后会有专门的文章讲自定义模板。

让咱们轻轻地点击 create 按钮进入下一步。

三、填写表单信息

每一个模板都会含有一些的必要信息，好比 Path & Npm Registry，Others 是该模板的其余配置项，好比 uxcore 模板支持单页和多页应用与国际化选项。

若是用户的项目将来会包含私有源的私有模块的话，源地址最好填写私有源地址。

若是项目以前已经存在，会弹窗提示用户是否覆盖安装。

确认以后点击提交。

四、静静等待依赖安装

安装结束以后，项目会自动导入到左侧的项目列表中。

接下来请看视频演示

完美！一个项目就这么快就建立成功了，不到一分钟的时间。

五、运行项目

点击第一个大图标 '启动' 按钮后，按钮字样会变动为中止。这时候项目已经启动了，控制台的 '监听日志' 里面会看到对应的输出。

再次点击 '中止' 按钮，会结束对项目的监听。

用户不须要手动点开浏览器输入一大串的地址，工具会帮你作。用户只要点击 '访问' 按钮，工具会自动打开浏览器，而且连接到起始地址。

一个简单的网页就出来了。

欢迎各位看官下载体验。

若是以为不错，请到 github 上面点星星。