Vite + Vue3 + Element-Plus 搭建Vite 项目 注意 Vite 需要 Node.js 版本14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。 使用NPM: 1 npm create vite@latest 使用Yarn: 1 yarn create vite 使用PNPM: 1 pnpm create vite ...
1、 element-plus 安装命令: npm install element-plus --save 2、vue-router 安装命令: npm install vue-router --save 安装完成后,需要到main.ts注册: import{createApp}from'vue' importAppfrom'./App.vue' importElementPlusfrom'element-plus' import'element-plus/dist/index.css' importrouterfrom'./ro...
2、安装 element-plus 这里我们使用官网推荐的自动导入的方式 yarnaddelement-plus yarn add unplugin-vue-components unplugin-auto-import-D 修改vite配置文件vite.config.js import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'+importAutoImportfrom'unplugin-auto-import/vite'+importComponentsfrom'u...
Element-ui plus Element Plus 目前还处于快速开发迭代中。目前使用2.0.1版可以结合vite-plugin-style-import插件按需加载样式。 unplugin-vue-components 按需自动导入组件 使用 Element Plus组件时可以直接使用 # 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus#...
npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue # pnpm pnpm create vite my-vue-app -- --template vue 复制代码 初始化好之后的目录: │...
使用vite搭建vue3项目 通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。 $ npm init vite-app <project-name> $ cd <project-name> $ npm install $ npm run dev 引入Element Plus 安装Element Plus: npm install element-plus --save ...
既然element-plus我们已经配置好了按需引入,那么图标咱们也走按需引入,让打出的包尽可能的小。官网图标配置1.安装依赖npm install @element-plus/icons-vuenpm i -D unplugin-icons2.配置自动导入然后我们参考element提供的配置模板调整vite.config.ts// ...import Ic这是我的一个技术博客网站,主要目地是为了方便...
1、使用yarn初始化vite模板 yarn create @vitejs/app 之后会让你输入项目名称,选择框架等。这里我们输入名称为jianshu,框架选择vue,回车 然后进入项目中,输入yarn回车,安装依赖 cd jianshu && yarn 安装完成之后,使用yarn dev命令启动开发服务。 可以看到只花了477毫秒就启动完成了,对比vue-cli来说快了很多。我们...
vue-admin-box是一个免费并且开源的中后台管理系统模板。使用最新版本的vue3+vite+element-plus开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。 功能特色 适合中后台开发的路由配置、状态管理机制(状态默认支持本地存储)、已封装完善的axios及api管理机制 ...
一、项目初始化 npm init vite my-vue3-app 选择vue, 按enter; 选择typescript按enter; cd my-vue3-app 安装初始化依赖 npm i 二、按需引入 element-plus 官方推荐按需引入element-plus和自动导入图标 npm i element-plus @element-plus/icons-vue ...