帮助页面 - nowa-webpack/nowa-gui GitHub Wiki

Nowa 帮助页面

Nowa 是一个包含了整个 webpack 的生态系统的可视化开发工具,旨在帮助用户部署环境,简化前端工程的创建、构建、开发以及调试流程。Nowa 的核心是提供一套使用 webpack 构建的解决方案。

Nowa 以 nowa-cli 为蓝本,集成了整套开发环境,推出更适宜用户操作的可视化界面。它可以通过项目模版的形式来支持不同种类的前端工程,比如 react 生态和 vue 生态。也可以在模板的基础上支持组件库的开发。

如何新建项目

  1. 请点击项目列表头部的 '+' 按钮进入新建页面,或者在初始页面点击 "Create Project" 按钮进入。
  2. 第一步选择模板:

目前可供选择的模板为 uxcoresaltui, 每个模板有不同的型号版本,比如 v1,v2,v3。推荐使用数字大的版本。当该版本有更新的时候会有按钮提示提示更新。

用户可以创建自定义模板,请参考模板文档 创建自己的模板之后。点击 "自定义按钮" 上传自己的本地模板。如果有远程模板,也可以选择添加远程模板。

点击 'create' 按钮进入下一步。

  1. 第二步完成模板表单:

请填写必要的信息以便创建 abc.json 和 package.json。 关于 npm registry 栏目,阿里用户请选择 alibaba-inc, 外网用户请选择 taobao。填写之后请点击 'submit' 按钮提交表单。

  1. 请耐心等待 nowa 的依赖包安装完成,安装完成之后,左侧项目列表会自动导入刚创建的工程。

如何导入项目

有两种方式导入项目:

  1. 直接将项目文件夹拖入到工具里面。

  2. 当无任何项目的时候,工具会显示初始页面,可以点击 "Import Project" 按钮导入项目。

如何使用默认编辑器打开项目

目前只支持Sublime Text3 & VScode。

  1. 请点击工具左下角的设置按钮,
  2. 如果软件安装的路径不是默认路径的话,请点击 'folder' 图标选择软件安装路径,
  3. 请点击 '提交' 按钮,之后可以点击界面上的 '代码' 图标直接通过编辑器打开项目。

如何使用自定义命令 (V2.0)

如果导入项目的 package.json 的 scripts 包含非 'start' & 'build' 的命令,这些命令将会出现在 控制台 面板右侧有 命令集 列表。 每条命令包含 '执行' & '停止' & '删除' 三种功能。

添加命令步骤:

  1. 请点击 命令集 列表 '+' 按钮,界面会弹出窗体,
  2. 请输入命令的名称与要执行的命令体,点击 '确认' 按钮。

如何管理依赖

请点击 '包管理' 按钮进入依赖管理界面。用户可以在该页面进行依赖的增加、删除、更新操作。

字段声明如下:

  • 定义版本:package.json 中的版本号
  • 安装版本:实际 'node_modules' 里面的依赖的版本号
  • 最新版本:用户定义的源里面的依赖最新版本号

更新按钮有两种颜色,红色的更新按钮代表的是 major 更新,是大版本的更新。用户如果要进行大版本更新需要二次确认。

蓝色按钮是安全更新,代表的是 minor & patch 更新,不需要二次确认。