目录Python全系列 教程
3567个小节阅读：5931.8k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxxyarn add element-plus按需导入才是我们的最爱，毕竟在真实的应用场景中并不是每个组件都会用到，这会造成不小的浪费
首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件
xxxxxxxxxxyarn add unplugin-vue-components unplugin-auto-import然后修改vue.config.js配置文件
xxxxxxxxxxconst { defineConfig } = require('@vue/cli-service')const AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpack')const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = defineConfig({ transpileDependencies: true, configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()] }), Components({ resolvers: [ElementPlusResolver()] }) ] }})创建src/views/LoginView.vue文件
xxxxxxxxxx<template> <!--要显示主体内容--> <div class="main"> <div class="login"></div> </div></template>
<script setup> </script>
<style scoped> .main { width: 100%; height: 100%; background-color:rgb(101, 180, 28); display: flex; justify-content: center; align-items: center; } .login{ width: 450px; height: 300px; background-color: white; border-radius: 5px; }</style>修改src/App.vue文件，增加全局样式
xxxxxxxxxx<template> <router-view/></template>
<style> /* 设置主页面充满 */ html,body,#app { width: 100%; height: 100%; margin: 0; padding: 0; }</style>