SpeedUp

项目介绍

7天教会你h5可视化拖拽生成营销h5，探索低代码生成h5营销之路

项目效果视频

链接

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

1 days 初始化项目

## 项目初始化

### 全局安装vue-cli
 npm install -g vue-cli

###
 vue create 项目名称

### 

 npm i vue 
 npm i vue-router^3
 npm i element-ui
 npm i @vue/composition-api pinia 
 npm i nanoid 
 npm i sass sass-loader^8 --save-dev
 

2 days

• 实现全局组件注册、全局物料注册
• 编辑区实现拖拽

3 days

• 完善编辑区
• 点击当前组件展示右侧属性配置
• 实现预览功能

4 days

• 实现保存、撤销和恢复、清空画布功能
• 新增跳转页面去预览功能（模拟手机端访问）

5 days

• 实现事件配置、事件绑定
• 优化部分代码

6 days

• 背景图上传替换
• 新增用户信息组件
• 添加登录方法
• npm i babel-plugin-import -D
• npm i vant@latest-v2
• 添加抽奖方法

7 days

• 新增分享按钮组件
• 优化代码,比如移动端兼容方案（rem处理）
• 完善功能
• 录制视频
• npm install postcss-plugin-px2rem --save-dev

8、咨询作者