淘宝建设网站的意义,大学生做那个视频网站,全网营销与seo,彩票网站制作前言使用vue脚手架搭建vuetswebpack项目搭建步骤#xff1a;下载node 版本可以 12 或者14或者 16.0#xff0c;此次使用的16.0版本#xff0c;vue-cli通过npm i -g vue/cli 升级到了 vue cli v5.0.8建目录#xff0c;如#xff08;vue3Study#xff09;用IDE工具打开…前言使用vue脚手架搭建vuetswebpack项目搭建步骤下载node 版本可以 12 或者14或者 16.0此次使用的16.0版本vue-cli通过npm i -g vue/cli 升级到了 vue cli v5.0.8建目录如vue3Study用IDE工具打开终端输入命令vue create vue3-ts-demo安装sassscssnpm install sass-loader node-sass -D安装element-plusnpm install element-plus --save### 完全引入main.ts:import ElementPlus from element-plusimport element-plus/dist/index.cssconst app createApp(App)app.use(ElementPlus)app.mount(#app)### 按需引入 --自动按需引入需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-importvue.config.js:const AutoImport require(unplugin-auto-import/webpack)const Components require(unplugin-vue-components/webpack)const { ElementPlusResolver } require(unplugin-vue-components/resolvers)...configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], }), Components({ resolvers: [ElementPlusResolver()], }), ]} .vue文件中直接使用 el-button typeprimaryPrimary/el-button### 按需引入 --手动按需引入1、 安装 unplugin-element-plus 来导入样式npm i unplugin-element-plus -D2 只使用组件API话在.vue中单独使用组件的样式.vue文件---import { ElButton } from element-plusimport element-plus/es/components/button/style/cssel-button typeprimaryPrimary/el-button自动按需引入
