# 总体开发思路
#### 开发流程
编写卡片的工作流程如下：
图1开发流程   
![](https://support.huaweicloud.com/devg-craftartsipdcenter/figure/zh-cn_image_0000001794696701.png "点击放大")
1. 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。
   
2. 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。
   
3. 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。
   
4. 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。