所在的位置: js >> js优势 >> Vue3框架配合ElementPlus使

Vue3框架配合ElementPlus使

工具

HBuilderXGitnpm浏览器技术

Vue3ElementPlusJavaScript随着Vue3版本出来后,Element也跟着出了新版本ElementPlus。那么,Vue3框架如何使用ElementPlus?下面利用实例说明:

操作步骤:

1、打开电脑硬盘,新建一个文件夹aam,打开文件夹并打开Git命令窗口;输入命令npminstall-g

vue/cli

输入命令npminstall-g

vue/cli

2、初始化并构建项目aam,使用命令npminitvite-appaam

命令npminitvite-appaam

3、切换到项目的根目录,使用cdaam

切换到项目的根目录,使用cdaam

4、安装项目的依赖模块,使用命令npminstall

使用命令npminstall安装依赖模块

5、接着,使用命令npmrundev运行项目

使用命令npmrundev运行项目

6、按照访问地址,预览界面效果

按照访问地址,预览界面效果

7、按Ctrl+C快捷键,停止项目;然后使用命令npmielement-plus安装element-plus

安装element-plus

8、打开main.js文件,导入element-plus的组件

打开main.js文件,导入element-plus的

9、在src/


转载请注明:http://www.aierlanlan.com/grrz/5689.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了