1、双击打开HBuilderX开发工具，创建vue项目并打开
2、在项目根目录下，打开Git命令窗口，输入安装element-ui命令
3、打开项目中的main.js文件，导入element-ui以及对应的样式
4、在components文件夹下，新建vue组件StepData.vue
5、打开已新建的vue文件，插入el-steps标签并添加子项el-step
6、在script标签中，data对象初始化变量active，然后定义方法nextStep
7、打开App.vue文件，导入StepData组件，并在界面代码中引用
8、保存代码并运行项目，打开浏览器，查看界面效果
9、点击下一步按钮，查看步骤条的变化
