摘要：如果项目之前已经存在，会弹窗提示用户是否覆盖安装。静静等待依赖安装安装结束之后，项目会自动导入到左侧的项目列表中。再次点击停止按钮，会结束对项目的监听。
本系列文章，不断更新中...
Nowa 上手篇（1）- 介绍
Nowa 上手篇（2）- 创建 React Web 项目
Nowa 上手篇（3）- 工具使用指南
Nowa 上手篇（4）巧用命令集
...
在看完废话超多的介绍篇后，欢迎各位看官来到实战篇，当然没看介绍也完全 OK 啦。
这篇文章主要介绍如何使用 Nowa 可视化工具快速创建 web 项目。好了，废话不多说，卷起袖子，开战～
1、进入新建页面 2、选择合适的模板官方模板一共有4种，看官可以选择与自己实际业务相符合的模板。为了教程需要，笔者选择了 nowa-template-uxcore 模板进行演示。
官方模板旁边对应有 Version 字样，指的是模板里面使用的 UI 组件库的大版本。
如果官方模板太少，用户可以添加自定义的模板，以后会有专门的文章讲自定义模板。
让我们轻轻地点击 create 按钮进入下一步。
3、填写表单信息每个模板都会含有一些的必要信息，比如 Path & Npm Registry，Others 是该模板的其他配置项，比如 uxcore 模板支持单页和多页应用与国际化选项。
如果用户的项目未来会包含私有源的私有模块的话，源地址最好填写私有源地址。
如果项目之前已经存在，会弹窗提示用户是否覆盖安装。
确认之后点击提交。
4、静静等待依赖安装安装结束之后，项目会自动导入到左侧的项目列表中。
接下来请看视频演示
完美！一个项目就这么快就创建成功了，不到一分钟的时间。
5、运行项目点击第一个大图标 "启动" 按钮后，按钮字样会变更为停止。这时候项目已经启动了，控制台的 "监听日志" 里面会看到对应的输出。
再次点击 "停止" 按钮，会结束对项目的监听。
用户不需要手动点开浏览器输入一大串的地址，工具会帮你做。用户只要点击 "访问" 按钮，工具会自动打开浏览器，并且链接到起始地址。
一个简单的网页就出来了。
欢迎各位看官下载体验。
如果觉得不错，请到 github 上面点星星。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/82827.html
摘要：上手篇介绍上手篇创建项目上手篇工具使用指南上手篇巧用命令集的意思是，其实笔者第一次接触到它的时候，还以为是诺娃的意思，可能是纪念开发者的媳妇儿，开个小玩笑。怎么用请看接下来的上手篇创建项目。 这个专题主要是详细介绍 Nowa 工具，为此码字无数。 Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa...
摘要：本系列文章，不断更新中上手篇介绍上手篇创建项目上手篇工具使用指南上手篇巧用命令集这一篇文章主要是工具的使用指南。创建项目请参考上手篇创建项目导入项目请直接把项目文件夹拖入工具，或者点击项目列表的文件夹图标。 本系列文章，不断更新中... Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（...
摘要：接下来会介绍如何使用快速开发应用。但是因为是教程，所以我们点按钮创建项目。从创建到启动，不过一分钟的事情，是不是超级方便快捷呢小特性用户可以在右侧命令集区添加自定义命令，所有的命令都一键运行，你都不需要打开终端了。 前言吐槽 前端的技术发展辣么快，对于前端新手来说，我还没怎么使用 jQuery 开发界面就要换成Angular & Vue & React & ... 更复杂的是，用户还要...
摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。 苏...
阅读 710·2023-04-25 19:28
阅读 1376·2021-09-10 10:51
阅读 2361·2019-08-30 15:55
阅读 3379·2019-08-26 13:55
阅读 2974·2019-08-26 13:24
阅读 3307·2019-08-26 11:46
阅读 2723·2019-08-23 17:10
阅读 1392·2019-08-23 16:57
