打包后的文件名字。 --dest 打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多出一个“lib”文件夹，存放的是打包后的文件。 图8 输出件 父主题： 外部无AUI依赖开发示例

查看更多 →

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

查看更多 →

布局”宽度设置为240像素，如图21调整分栏组件所示。 关于分栏组件的详细介绍请参见分栏。 图22 调整分栏组件 将自定义组件“imgButton”拖入到“分栏 > 栏”中，分别拖入到分栏的两个栏中，如图22拖入自定义组件所示。 设置组件的属性，分别修改两个组件的文本内容为显示搜索和关闭搜索，如图23设置自定义组件属性所示。

查看更多 →

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

查看更多 →

Vue应用部署 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试 该模板需要填写的参数如下表所示。

查看更多 →

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

查看更多 →

clusterserviceversion.yaml中的配置。 提供商上传服务包后，镜像会保存到OSC的仓库中，提供商在上传前无法获取镜像的实际保存地址，OSC服务会将value.yaml或者*.clusterserviceversion.yaml中默认的镜像地址替换成实际的镜像地址，其它地方的配置不予替换，因此如果其它地方没有引用lifecycle

查看更多 →

详情参见统一认证配置指南。 图3 新增密钥 将开发指导中生成的卡片JS进行上传管理。 将打包后的mylib.umd.min文件名修改为index，并同需要引用的静态资源压缩在同一级目录。 图4 zip示例截图 图5 上传卡片 Vue CLI生成的卡片输出为完整js，需要将其重命名为index

查看更多 →

前端应用编译和部署 上传代码 Git代码提交：checkout空的华为代码仓库到本地，然后将代码复制到本地目录，先然后Add 然后commit 最后push 修改编译命令 export PATH=$PATH:/root/.npm-global/bin #设置缓存目录 npm config

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

当低代码平台提供的全局高级组件无法满足您的开发需求时，支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程如下： 下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面

查看更多 →

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

查看更多 →

使用CDN后 常见故障概览 父主题： CDN上云标准流程

查看更多 →

若选择“下载原始模板”，下载到本地的包中组件名称不会被修改。 将下载到本地的Widget包进行解压，认识组件结构。 本章节以下载的TabsWidget组件为例，说明组件包的文件结构及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心J

查看更多 →

。 在弹出的“本地调试设置”弹窗中，配置该组件的“本地资源访问根路径”，此路径即为在6.a启动组件调试后复制的调试路径，在输入框中粘贴后单击“确认”。 配置后，在预览使用该组件的高级页面后，会读取您本地资产工程文件夹下的组件包配置数据。 图16 配置调试地址 配置成功后，在预览包

查看更多 →

可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，最终生成可运行的JS和 CSS 文件，将整体项目包装成一个独立单元模块，以组件的形式暴露。

查看更多 →

如果选择“下载原始模板”，下载到本地的包中组件名称不会被修改。 将下载到本地的Widget包进行解压，认识组件结构。 本章节以下载的TabsWidget组件为例，说明组件包的文件结构及各文件的功能。 表2 组件文件结构 文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心J

查看更多 →

的菜单栏（若没有可配置的事件，则菜单栏为空），选择需要绑定的事件。 图2 绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法

查看更多 →

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

查看更多 →