npm install npm i-selement-plus src/main.js里引入 importElementPlusfrom'element-plus';import'element-plus/theme-chalk/index.css'; index.css的文件位置根据实际情况写,也有可能是 import'element-plus/lib/theme-chalk/index.css' const app后面加上.use(ElementPlus),如下 constapp =createApp(App).use...
$ 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...
项目将使用 Vue 的最新版本 vue3.5 版本进行开发,UI 则使用ElementPlus,样式部分将采用scss和tailwindcss进行编写,状态管理使用Pinia等等,后续需要什么直接进行安装即可。ok,接下来便开始后台管理系统的搭建吧! 项目配置 项目开始首先需要做到就是创建一个 vue3 项目,这里使用 vite 进行创建npm create vite选择 TypeScri...
npm run dev 六、element-plus的配置 这里是根据element-plus官网提供的方式进行配置, 配置了中文模式,以及注册了所有element-plus中的icon图标 完整导入 // 在mian.ts文件中进行导入importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus/es/locale/lang/zh-cn'// 导...
2. 选择预先配置 ? Please pick a preset: > Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) Manually select features 3. 启动项目 cd cli-vue3 npm run serve 安装插件 1. 安装Element plus npm install element-plus --save ...
验证element-plus 是否配置正确; 修改src/components/HomePage.vue(这个文件也是先前自己创建的): <template><el-buttontype="primary"@click="test"plain>刷新</el-button></template>export default { name: "HomePage", components: {}, data() { return {};...
// tsconfig.json{"compilerOptions":{// ..."types":["element-plus/global"]}} 第二、需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 npm install -D unplugin-vue-components unplugin-auto-import 然后把下列代码插入到你的 Vite 或 Webpack 的配置文件中 ...
而且Element Plus + Vite 也出了一段时间了,是时候该上手体验分享一波了。 主要是要熟练一下 Vue3,好准备用 Vue3 重构一下自己的网站项目: blog-vue-typescript ,计划是过年期间会着手重构这个项目,年后会上线。 1. 初化化项目 全局安装 vite-app ...
npm install element-plus --save 第三步 引入自动引入element 的插件 这两插件的作用就是在你使用 element的某个组件的时候,不需要手动引入了,自动帮你引,很方便 npm install -D unplugin-vue-components unplugin-auto-import 第四步 配置vite.config.ts 文件 ...