Element Plus 组件:https://element-plus.org/zh-CN/component/button.html Element Plus 环境支持 Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 由于Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器。 Element Plus 下载安装 本博文使用 npm 进行 element plus 组件库的安装。
$ yarn add element-plus # pnpm $ pnpm install element-plus 4、在main.js文件中拷贝如下代码: //main.tsimport { createApp }from'vue'import ElementPlusfrom'element-plus'import'element-plus/dist/index.css'import Appfrom'./App.vue'constapp =createApp(App)#vue3创建应用实例 app.use(ElementPlus...
7、按Ctrl + C快捷键，停止项目；然后使用命令npm i element-plus安装element-plus 8、打开main.js文件，导入element-plus的组件 9、在src/components文件夹，新建vue文件ButtonData.vue 10、打开vue文件，插入一个el-button，并绑定点击事件；定义点击事件 11、打开App.vue文件，导入组件ButtonData，然后界面引入 12...
npm install npm i -s element-plus 1. 2. 3. src/main.js里引入 import ElementPlus from 'element-plus'; import 'element-plus/theme-chalk/index.css'; 1. index.css的文件位置根据实际情况写,也有可能是 import 'element-plus/lib/theme-chalk/index.css' 1. const app后面加上.use(ElementPlus),...
一、安装element plus 一、使用包管理器安装 # 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus 二、在浏览器直接引入CDN安装 建议使用 CDN 引入 Element Plus 的用户在链接地址上锁定版本,以免将来 Element Plus 升级时受到...
// tsconfig.json{"compilerOptions":{// ..."types":["element-plus/global"]}} 第二、需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 npm install -D unplugin-vue-components unplugin-auto-import 然后把下列代码插入到你的 Vite 或 Webpack 的配置文件中 ...
npm npm install element-plus --save 安装element-plus按需自动导入的两款插件: //在当前项目文件夹下 npm install -D unplugin-vue-components unplugin-auto-import 在项目里的vite.config.ts配置文件配置这两款插件: 配置前: import { defineConfig } from 'vite' ...
验证element-plus 是否配置正确; 修改src/components/HomePage.vue(这个文件也是先前自己创建的): <template><el-buttontype="primary"@click="test"plain>刷新</el-button></template>export default { name: "HomePage", components: {}, data() { return {};...
npm install element-plus --save 第三步 引入自动引入element 的插件 这两插件的作用就是在你使用 element的某个组件的时候,不需要手动引入了,自动帮你引,很方便 npm install -D unplugin-vue-components unplugin-auto-import 第四步 配置vite.config.ts 文件 ...
项目配置 项目开始首先需要做到就是创建一个 vue3 项目,这里使用 vite 进行创建npm create vite选择 TypeScript 版本创建就行了,然后安装vue-router、axios、pinia等等,具体操作就不一一细说了,相信聪明的你早都会了。 可能有的小伙伴对 tailwindcss 不太熟悉,这里单独说一下如何配置tailwindcss。