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

查看更多 →

引入AICC.Support.js 打开需要集成到云客服的HTML页面。 在需要集成的页面引入AIC CS upport.js，如在html中使用： <script type="text/javascript" src="https://ip:port或 域名 /service-cloud/resource

查看更多 →

json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo

查看更多 →

下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示，页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。

查看更多 →

npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

ibrary包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index

查看更多 →

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

查看更多 →

rary包含的js和css文件名，并打成Zip包，如图1。您也可以直接单击MintUI.zip，下载MintUI.zip包 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index

查看更多 →

ibrary包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index

查看更多 →

部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作

查看更多 →

2/umd/react.development.js https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js https://cdnjs.cloudflare.com/ajax/libs/moment

查看更多 →

，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹

查看更多 →

</div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 更多关于Vue的使用，可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

引入参数 此重构允许您为方法声明引入新参数，以便在方法调用中，原始表达式被提供为方法参数。您还可以选择保留原始方法，或者使用创建的参数定义一个新方法。这与内联参数重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到参数的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce

查看更多 →

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

查看更多 →

lobal_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。

查看更多 →

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

查看更多 →

情况下，CDN加速访问OBS的示意图如图3所示。 图3 CDN加速访问OBS示意图（CDN有缓存） 方案优势 低成本：OBS提供CDN回源流量包折扣方式，使CDN从OBS获取数据时流量费用更低。当数据缓存至CDN节点时，后续请求都将通过CDN回源流量计费，从而减少OBS费用。 高

查看更多 →

引入变量 此重构允许您创建新变量，通过选定的表达式进行初始化，并使用创建变量的引用替换原始表达式。这与内联变量相反。 执行重构 在代码编辑器中，将光标放置在要提取到变量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Variable。或者按“Ctrl+Alt+V”。

查看更多 →

引入常量 此重构允许您创建新常量，通过使用选定的表达式进行初始化，并使用创建常量的引用替换原始表达式。 执行重构 在代码编辑器中，将光标放置在要提取到常量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Constant。或者按“Ctrl+Alt+C”。

查看更多 →

引入变量 通过此重构，您可以创建一个新变量，使用所选表达式对其进行初始化，然后使用对所创建变量的引用替换原始表达式。这与内联变量重构相反。 执行重构 案例 父主题： 代码重构

查看更多 →