工具
HBuilderXGitnpm浏览器技术
Vue3ElementPlusJavaScript随着Vue3版本出来后,Element也跟着出了新版本ElementPlus。那么,Vue3框架如何使用ElementPlus?下面利用实例说明:
操作步骤:
1、打开电脑硬盘,新建一个文件夹aam,打开文件夹并打开Git命令窗口;输入命令npminstall-g
vue/cli输入命令npminstall-gvue/cli2、初始化并构建项目aam,使用命令npminitvite-appaam
命令npminitvite-appaam3、切换到项目的根目录,使用cdaam
切换到项目的根目录,使用cdaam4、安装项目的依赖模块,使用命令npminstall
使用命令npminstall安装依赖模块5、接着,使用命令npmrundev运行项目
使用命令npmrundev运行项目6、按照访问地址,预览界面效果
按照访问地址,预览界面效果7、按Ctrl+C快捷键,停止项目;然后使用命令npmielement-plus安装element-plus
安装element-plus8、打开main.js文件,导入element-plus的组件
打开main.js文件,导入element-plus的9、在src/