夹，存放的是打包后的文件。 图9 输出件 修改文件名称并压缩为zip格式的压缩包。 将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index

查看更多 →

查询官方模版 功能介绍 查询官方模版 调用方法 请参见如何调用API。 URI GET /v1/template/officialtemplates 表1 Query参数 参数 是否必选 参数类型 描述 name 否 String 检索的模板的名字模糊查询 page 否 String

查看更多 →

nvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。

查看更多 →

首先，我们需要下载Node.js的安装包。您可以在Node.js的官方网站（https://nodejs.org/）下载安装包。 安装完成后，打开命令行工具，输入以下命令来检查Node.js是否成功安装： node -v 如果安装成功，应该可以看到Node.js的版本号。 npm是Node.js的包管

查看更多 →

单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。 图3 上传库 表1 新建MintUI库参数说明 参数 说明 示例 名字 新建库的名称。 取值范围：1~80个字符。 MintUI 上传源文件 选择自定义库的压缩包。 选择1中的库 库ID 上传库的ID，由字母及数字组成，且必须以字母开头。

查看更多 →

发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是系统预置的库，不可编辑和禁用，只能下载。 （可选）查看该库的版本号和库ID。 单击已上传的组件，进入库的详情页面，即可查看到库ID。在详情页的“更改历史”中，

查看更多 →

生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。 图5 生命周期介绍 setup：在组件创建时执行。 onBeforeMount：在组件被挂载之前执行。 onMounted：在组件挂载完成后执行。 onBeforeUpdate：在组件更新之前执行。

查看更多 →

这里的ng命令也和React一样，在项目根目录“node_modules”文件夹下的.bin目录里面存在名为ng的文件，修改该文件的首行： #!/usr/bin/env node --max_old_space_size=4096 父主题： Npm构建

查看更多 →

使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

如上异常报LodopFuncs.js文件中函数未声明is not defined，可先排查文件；文件正常则可能是不符合eslint规范导致报错。 处理方法 检查LodopFuncs.js文件中getCLodop函数是否已定义。 如果文件正常，可以在eslint检查不通过的文件头部添加如下命令行忽略eslint的检查。

查看更多 →

在AstroZero管理中心，可管理当前环境中该账号下的库资产。 使用说明 AstroZero支持用户通过引用第三方库的方式，在降低组件开发复杂度的同时丰富组件的功能。因此，库是支撑高级页面、大屏页面、小屏页面组件运行的第三方依赖。若缺少相应的库，则页面组件不能正常运行。 查看库详情 参考

查看更多 →

管理库 AstroZero支持用户通过引用第三方库的方式，在降低组件开发复杂度的同时丰富组件的功能。因此，库是支撑高级页面组件运行的第三方依赖。若缺少相应的库，则页面组件不能正常运行。在AstroZero环境配置中，可管理当前环境中该账号下的库资产。 查看库详情 在AstroZero服

查看更多 →

”路径下，使用您所需要的图标替换示例包原有的“default.png”和“hover.png”，前者为默认状态的图标，后者为鼠标经过时高亮效果的图标。 修改组件定义文件的基本属性。 打开在src文件夹的“\components\imgButton”路径下的定义文件“imgButton

查看更多 →

打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。 图1 中文环境下Widget属性

查看更多 →

beforeDestroy()函数：组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()

查看更多 →

总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组

查看更多 →

若选择“下载原始模板”，下载到本地的组件包中组件名称不会被修改。 初识组件文件结构。 将下载到本地的组件包进行解压，使用您熟悉的开发工具进行开发。本章节以1中下载的TabsWidget组件为例，介绍组件包的文件结构以及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻

查看更多 →

性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools是每个Vue开发者必备的工具，无论是新手还是经验丰富的开发者，都

查看更多 →

widget.props 属性值组件的props。 Object 使用模板开发样例 本示例中的imgbutton组件是使用nodejs开发前端的组件。以下若无特殊说明，均基于VSCode工具，按照imgbutton组件的功能点来介绍自定义组件的开发过程。 下载自定义组件模板，将自定义组件模板包解压。

查看更多 →

如果选择“下载原始模板”，下载到本地的组件包中，组件名称不会被修改。 开发自定义组件 初识组件文件结构。 将下载到本地的组件包进行解压，使用您熟悉的开发工具进行开发。本章节以下载组件模板中下载的TabsWidget组件为例，介绍组件包的文件结构以及各文件的功能。 表2 组件文件结构 文件名

查看更多 →

名字 新提交组件的名称，系统会根据组件包名称自动填充。 widgetdemoi18n 上传源文件 组件源文件包。 选择2.e中的widget_demo_i18n.zip 场景 组件包的应用场景，可同时选择多个。 高级页面 发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。

查看更多 →