目标: 试用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…