使用JS类库 内置类库列表 断言 chai （v4.2.0）：用于断言BDD/TDD断言。 加密解密库 jsrsasign（10.3.0）：用于RSA加密/解密。 Encode、Decode 库 crypto-js（v3.1.9-1）：编码/解码库，基本包含常用的编码、解码方式，

查看更多 →

使用JS类库 内置类库列表 断言 chai （v4.2.0）：用于断言BDD/TDD断言。 加密解密库 jsrsasign（10.3.0）：用于RSA加密/解密。 Encode、Decode 库 crypto-js（v3.1.9-1）：编码/解码库，基本包含常用的编码、解码方式，

查看更多 →

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

查看更多 →

AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create

查看更多 →

页面资产管理 > 库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。 图3 上传库 表1 新建MintUI库参数说明 参数 说明 示例 名字 新建库的名称。 取值范围：1~80个字符。 MintUI 上传源文件 选择自定义库的压缩包。 选择1中的库

查看更多 →

] } 上传自定义库。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。

查看更多 →

] } 上传自定义库。 参考如何登录AstroCanvas中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

上传图标 库的显示图标。 上传源文件 库文件包。 库ID 上传库的ID，由字母及数字组成，且必须以字母开头。 分类 库所属的分类。 库类型 上传的库，所属的类型。 发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是

查看更多 →

详情页面，单击“删除”，输入待删除库的名称，可删除该库。若需解除禁用，可单击“启用”，重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在

查看更多 →

json文件中定义所依赖的Element库即可。 在经典版设计器中，单击，选择“应用管理 > 页面资产管理 > 库”，搜索库，查看库ID和版本号信息（以查询Element库为例）。 图3 查询库信息 本例中查询的Element库ID为：global_Element，库最新版本号为：101.0.4。

查看更多 →

json文件中定义所依赖的Element库即可。 在新版环境配置中，查看库ID和版本号。 以查询Element库为例，在开发环境新版环境配置的“维护 > 全局元素 > 页面资产管理 > 库”，搜索库，查看库ID和版本号信息。 图4 查询库信息 图5 查看库版本和ID 本例中查询的Element库ID为：gl

查看更多 →

json文件中定义所依赖的Element库即可。 查询AstroCanvas预置库信息，本例以查询库“Element”为例。 在AstroCanvas界面“我的资产 > 我的库”中，搜索所需库“Element”，单击，查看库ID和版本号信息。 本例中查询的Element库ID为“global_Element”，库最新版本号为“101

查看更多 →

> 页面资产管理 > 库”，可查看到当前环境该账号下所有的库资产。 系统预置库：AstroZero已定义好的库，可直接加载并使用。在“全局”页签中，可查看所有预置的库。 自定义库：当系统预置库无法满足用户需求时，用户可自定义库包进行上传，并加载到页面中进行使用。在“租户”页面下可查看所有自定义库。

查看更多 →

页面JS基本使用与管理 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助

查看更多 →

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

查看更多 →

package_name 软件包名称（包含文件类型扩展名）。 package_url 软件包下载地址，可前往制品仓库-软件发布库获取下载链接。 父主题： 使用预置模板新建并部署应用

查看更多 →

使用SDK（Node.js） Node.js开发环境配置 Node.js环境SDK导入 SDK调用示例

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →