vue3+ElementPlus+Vite HelloWorld01

80 阅读1分钟

目标: 试用Vite 搭建Vue3 ElementPlus

参考:vue3+elementplus(ElementUI)入门案例 - 乐乐熊小妹 - 博客园 www.cnblogs.com/lelexiong/p…

创建空文件夹 vuetest 使用vscode 打开vuetest文件夹 在vscode中打开命令行,使用vite 创建vue项目 npm init @vitejs/app

`> create-vite-app v2

Scaffolding project in D:\workspace\vuelearn\vue3ElementPlus\vue3hellovite\v2... Done. Now run:

cd v2 npm install (or yarn)

npm run dev (or yarn dev)`

PS D:\workspace\vuelearn\vue3ElementPlus\vue3hellovite> cd v2 PS D:\workspace\vuelearn\vue3ElementPlus\vue3hellovite\v2> npm run dev 打开浏览器 输入http://localhost:3000/ 可以看到页面

安装elementplus

npm install element-plus --save

在HelloWorld.vue 里面copy element form 组件: element.eleme.io/#/zh-CN/com… image.png