利用vue-cli脚手架图形化界面在工程中引入Element-UI

1.在终端运行 vue ui ,打开图形化界面

2.通过 vue项目管理器 ,进入具体的项目配置界面

3.点击 插件 ->添加插件

利用vue-cli脚手架图形化界面在工程中引入Element-UI

4.查找element,选中 vue-cli-plugin-element 安装

利用vue-cli脚手架图形化界面在工程中引入Element-UI

5.建议选中按需导入,项目运行效率会高一些,完成安装

利用vue-cli脚手架图形化界面在工程中引入Element-UI

6.在vscode中打开项目,可以看到 main.js 导入了 element.js ,默认导入了 button 组件

利用vue-cli脚手架图形化界面在工程中引入Element-UI

7.在 App.vue根文件中 插入button 样式组件

利用vue-cli脚手架图形化界面在工程中引入Element-UI

8.可以在图形化界面中启动app利用vue-cli脚手架图形化界面在工程中引入Element-UI

也可以在vscode 中运行 npm run serve

呈现页面

利用vue-cli脚手架图形化界面在工程中引入Element-UI