使用Nowa分分钟创建和维护React应用,抛弃命令行……更复杂的是,用户还得学习一堆复杂的构建工具来优化和优化页面。但是很多前端开发者并不想把时间浪费在构建上,希望专注于页面开发。那么有没有成熟的方案可以帮助用户节省学习成本,快速开发应用呢?答案当然是肯定的。如果你是Webpack和React生态的初学者,那么我接下来要介绍的这个工具将非常适合你。主角来了注意,非常高效快速的桌面可视化工具Nowa诞生了!Nowa(NotOnlyforWebApp,butalwaysanything)是一个跨平台的可视化Web开发工具,旨在帮助用户部署环境,简化项目创建、构建、开发和调试的过程。Nowa是为了解决以下痛点:每次下载或创建新项目时,都需要安装一堆开发依赖,而这些依赖大多是重复的,耗时耗空间;每个项目的建设任务都配置在自己的项目中适度维护不方便统一维护管理;搭建配置对于很多新手用户来说还是过于繁琐,急需一站式解决方案;项目模板的更新依赖于脚手架的发布,频繁更新不利于用户体验;希望项目工程的常用命令和工具都集中在一个地方;它内置了一套Webpack构建系统,用户无需安装整套复杂的依赖,只需下载安装即可使用。接下来,我们将介绍如何使用Nowa快速开发React应用。教程有大图。创建用于初始安装的项目需要一些时间。菊花传输完成后,会出现一个简单的欢迎页面:用户可以点击导入按钮或拖拽项目导入已有的Nowa项目。但是因为是教程,所以我们点击CreateNewProject按钮来创建一个项目。选择模板图片上提供了三个官方模板,每个模板对应一个react开发场景,用户可以选择适合自己的。Salt&Antdmobile模板适合开发H5应用,Uxcore模板适合开发web应用。如果官方模板不够用,可以添加自定义模板。如果您有优秀的模板可以炫耀,请联系作者制作官方模板。我们选择Salt模板进行初始开发。点击创建按钮,进入表单填写页面。请选择适合您的Npm源。内地用户请选择淘宝。单击提交按钮后,将在几分钟内下载依赖项。速度这么快,你值得体验!启动项目依赖安装完成后,页面会自动切换到项目详情页面。点击开始按钮,工具会自动构建项目,用户无需编写复杂的Webpack配置。诺瓦帮您实现模块的实时热更换。如果点击编译按钮,工具会自动将项目打包到dist文件夹中。从创建到启动,只需一分钟,是不是超级方便快捷?小功能用户可以在右侧命令集合区添加自定义命令,所有命令一键运行,不再需要打开终端。如果觉得英文版难看,可以在工具设置里切换成中文版。Nowa还提供了一个用户友好的依赖管理功能。用户可以一目了然地看到所有需要更新的依赖,一键更新所有安装。这不是太酷了!当然重点是Nowa是跨平台开源的~WindowsMacLinux工具用起来舒服的话就去Github点个赞吧~
