当前位置: 首页 > 后端技术 > Node.js

Nowa入门(二)——创建ReactWeb项目

时间:2023-04-03 10:59:46 Node.js

本系列文章持续更新中……Nowa入门(一)——介绍Nowa入门(二)——创建ReactWeb项目Nowa入门(3)-工具使用指南新和入门(4)熟练使用命令集...看了一大堆废话的介绍,欢迎来到实战篇。当然,不看介绍也是完全OK的。本文主要介绍如何使用Nowa可视化工具快速创建Web项目。好了,废话少说,撸起袖子开战吧~1.进入新页面2.选择合适的模板。共有4个官方模板,评委可以选择符合自己实际业务的模板。出于教程的需要,笔者选择了nowa-template-uxcore模板进行演示。官方模板旁边是Version字样,指的是模板中使用的UI组件库的大版本。如果官方模板太少,用户可以添加自定义模板,以后会有专门的文章介绍自定义模板。让我们轻轻点击创建按钮进入下一步。3.填写表单信息。每个模板都会包含一些必要的信息,例如Path&NpmRegistry。others是模板的其他配置项。例如,uxcore模板支持单页和多页应用程序以及国际化选项。如果以后用户的项目会包含私有源的私有模块,源地址最好填写私有源地址。如果该项目之前已经存在,将弹出一个窗口提示用户是否覆盖安装。确认无误后点击提交。4.静静等待依赖安装完成,项目会自动导入到左侧的项目列表中。接下来,请观看完美的视频演示!这么快就成功创建了一个项目,不到一分钟。5.运行项目。单击第一个大图标“开始”按钮后,该按钮将变为停止。此时项目已经启动,在控制台的‘监控日志’中会看到相应的输出。再次点击“停止”按钮结束项目监控。用户无需手动打开浏览器输入一大串地址,该工具会为您完成。只要用户点击“访问”按钮,该工具就会自动打开浏览器并链接到原地址。一个简单的网页就出来了。欢迎来到官方下载体验。如果觉得不错,请到github点个star。