vite创建vue(手把手教你搭建Vite+Vue3+ElementPlus开发环境)

前提条件是确认你的电脑上已经安装了NodeJs。
NodeJs中文官方网站：http://nodejs.cn/
NodeJs安装
NodeJs的安装相对简单。基本上就是从官网下载安装文件，然后双击安装。安装NodeJs后，您的本地命令行工具可以使用npm命令。
e脚手架安装Vue3项目目录//vue3-element是最终项目名称NPM init Vite @ latest vu E3-element-template vue。
生成的项目目录结构
//进入目录cd vue3-element//安装依赖npm install//启动开发环境npm run dev。
开始的页面效果
默认情况下，项目在端口3000打开，在浏览器中键入http://localhost 33603000/就可以看到上面的效果。
元素导入//element-plus的依赖包NPM Install element-plus-S安装在项目的根目录下。修改项目的入口文件main.js，导入已安装的Element-Plus的依赖包。
从“vue”导入{createapp}从“导入应用程序”。/app . vue ‘//Import ‘ element-plus/dist/index . CSS ‘//element-plus的样式文件依赖包从’ element-plus ‘导入element plus创建app (app)。使用(元素加)。挂载(# app)导入的element-plus修改App.vue文件，并测试导入是否成功。
按钮
介绍成功
至此，Vite Vue3 ElementPlus开发环境已经成功搭建。
Sas支持直接安装Sass依赖包，无需修改任何配置即可支持。
如果NPI Sass-D认为效果不错，请补充一点关注和好评，并经常分享前端实用开发技巧。