vue3+vite+ElementPlus安装和使用

最新推荐文章于 2024-06-20 15:26:19 发布

大盗夕落

最新推荐文章于 2024-06-20 15:26:19 发布

阅读量1.2k

点赞数 1

分类专栏：笔记 vue3 文章标签： vue.js javascript 前端 vue

本文链接：https://blog.csdn.net/weixin_45621877/article/details/128868879

版权

按照vue3官网安装

> npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大盗夕落

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
vue3+vite+ElementPlus安装和使用

vue3
复制链接

扫一扫

专栏目录

基础vue3+elementUIPlus组件

04-13

框架使用vue3、vuex4、elementUI Plus、JavaScript。里面是几个简单的基础功能案例，如：ref、refs、reactive、component、生命周期和数据仓库的用法。适合小白直接ctrl+c。注意：node_module我清除了，需要自己npm install。

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化

05-12

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...

1 条评论您还未登录，请先登录后发表或查看评论

vue3 接入 Element Plus

大家好，我是 ed.

01-03

2929

Element Plus是一套为开发者、设计师和产品经理准备的基于Vue 3.0的桌面端组件库。反馈：通过界面样式和交互动效让用户清晰地感知自己的操作。当用户进行操作后，页面元素的变化会清晰地展现当前状态。效率：设计简洁直观的操作流程，使语言表达清晰且表意明确，帮助用户快速理解进而作出决策。此外，界面简单直白，减少用户记忆负担。可控：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策。用户可以自由地进行操作，包括撤销、回退和终止当前操作等。

vue3 + vite 安装配置及项目创建

最新发布

技术btbysj的博客

06-20

420

vue3 + vite 安装配置及项目创建详细过程进行介绍，是初学者最佳入门教程

Vue3+vite搭建基础架构（2）--- 使用Element Plus

weixin_48040732的博客

02-01

1051

这里记录下自己在Vue3+vite的项目使用Element Plus的过程，不使用ts语法，方便以后直接使用。

vue3+vite+elementPlus

一个一直在努力的前端小白，在为了成为全栈程序员的道路上加油！

07-03

173

最火的框架，国内最火的前端框架之一。性能提升，运行速度是vue2的1.5倍。体积更小，按需编译体积vue2要更小。类型推断，更好的支持ts这个也是趋势。高级给予，暴露了更底层的API和提供更先进的内置组件。使用api连接后端数据，实现增删改查，模糊查询操作！一个vue3+vite的小例子。

vite构建vue3项目

qq_53436617的博客

06-28

254

---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------

搭建 vite + vue3 项目

halo1416的博客

01-27

8683

一、介绍该文章主要通过 vite + vue3 + vue-router4 + vuex4 + Element Plus + axios + mockjs 搭建项目。二、通过vite创建项目 1. 通过vite创建 vue+ts 项目 **注意：**经过我的测试，使用cnpm create vite时不能自定义项目名称；所以推荐使用 npm 或者 yarn // 创建项目 => vite-test yarn create vite // 进入 vite-test cd vite-test //

Vue-cli 与Vite 环境搭建与项目构建

淘小欣的博客

08-27

1618

官网地址：https://cli.vuejs.org/zh/Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：3.1 可升级；3.2 基于 webpack 构建，并带有合理的默认配置；3.3 可以通过项目内的配置文件进行配置；3.4 可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。

Vue3+Vite+ElementPlus实战商城后台管理系统开发.zip

01-03

Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。适用于初学者和有经验的开发者...

Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统.zip

05-13

Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + ...

基于vue3+vite4+elementPlus搭建的后台管理系统.zip

01-04

Vue3 + Vite5 + Vue Router + Pinia + Element Plus 搭建的后台管理模版

04-03

总的来说，这套"Vue3 + Vite5 + Vue Router + Pinia + Element Plus 搭建的后台管理模版"提供了一个现代化的前端开发环境，结合高效的开发工具和强大的库，使得构建后台管理系统变得更加便捷和高效。无论是对于新手...

Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）

热门推荐

逆境清醒的博客

03-19

6万+

Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录

【vue3】Vue3 + Vite 项目搭建

weixin_45034639的博客

01-28

2656

Vue3 + Vite + Vant UI

vite vue3安装element-plus

qq_36437991的博客

11-18

330

vite vue3 ts添加element-plus

Vue3 + Vite + TypeScript + Element-Plus：从零到一构建企业级后台管理系统（前后端开源）

有来技术

04-17

6万+

vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案，技术栈为 Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router 等当前主流框架。本篇是 vue3-element-admin v2.x 版本从 0 到 1，相较于v1.x 版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式的支持。

vite+vue3+element-plus系统开发笔记

weixin_54793866的博客

09-21

236

vite+vue3+element-plus项目开发笔记，form表单的检验规则设置，包括下拉框，日期范围选择，输入框等，element-plus国际化，vite项目多环境配置，axios配置，vite.config.js 的配置，前端跨域配置等。

这是一份保姆级Vue3+Vite实战教程

很多时候犯错都是在不知情的情况下发生的

02-12

1万+

ESLint 不仅能够检测代码中的错误，而且在许多情况下，可以为我们自动纠正错误。如上，这是我电脑 nrm 管理的镜像源列表，最后一个是我公司内网的所以打码了，除了最后一个都是安装 nrm 自带的，你可以使用 nrm use 命令很方便的去切换源，npm 默认就是列表中名为 npm 的源，如果你下载不下来一些工具，可以切换为 taobao 源，当然安装完成后最好切回来，因为除了 npm 源，其他源在下载某些包时，都可能会出现一些莫名的问题。

vue3 + vite + elementPlus 步骤

07-28

首先，确保你已经安装了 Node.js 和 npm。接下来，按照以下步骤进行 Vue 3、Vite 和 Element Plus 的安装和配置： 1. 创建一个新的 Vue 3 项目： ``` npm init vite@latest ``` 在选择模板时，选择 `vue`。 2. 进入项目目录： ``` cd your-project-name ``` 3. 安装依赖： ``` npm install ``` 4. 安装 Element Plus： ``` npm install element-plus ``` 5. 在 `main.js` 文件中引入 Element Plus 的样式和组件： ```javascript import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' import App from './App.vue' createApp(App) .use(ElementPlus) .mount('#app') ``` 6. 在 `App.vue` 文件中使用 Element Plus 的组件，例如： ```vue <template> <div> <el-button type="primary">Element Plus Button</el-button> </div> </template> <script> export default { name: 'App', } </script> ``` 7. 运行项目： ``` npm run dev ``` 现在，你的 Vue 3 + Vite + Element Plus 项目应该已经配置完成了。你可以根据需要继续开发和定制化你的应用程序。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交