个人博客-SpringBoot+Vue3项目实战(2)- 使用Vite搭建Vue3项目并安装Element Plus

news/2024/11/17 14:50:08/

目录

  • 前言
  • 使用yarn 新建vite项目
    • 1. 打开命令行工具
    • 2. 执行 `yarn create vite`
    • 3. 指定项目名 **banxia-blog-frontend**
    • 4. 选择框架**Vue**,通过上下箭头选择,**使用空格确定**。
    • 5. 选择**javascript**,空格确定
    • 6. 项目创建完成
    • 7. 使用vscode打开项目,并新建终端
    • 8. 执行`yarn`,安装依赖
    • 9. 执行`yarn dev`,启动项目
  • 项目结构分析
  • 单页面应用
    • index.html
    • main.js
  • 安装Element Plus
    • 使用包管理器

http://www.ppmy.cn/news/35179.html

相关文章

vue3 解决各场景 loading过度 ,避免白屏尴尬!

Ⅰ、前言 当我们每次打卡页面,切换路由,甚至于异步组件,都会有一个等待的时间 ;为了不白屏,提高用户体验,添加一个 loading 过度动画是 非常 常见的 ;那么这几种场景我们应该把 loading 加在哪…

【洛谷刷题】蓝桥杯专题突破-深度优先搜索-dfs(9)

目录 写在前面: 题目:P1025 [NOIP2001 提高组] 数的划分 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 题目描述: 输入格式: 输出格式: 输入样例: 输出样例: 解题思路: 代…

C++三种继承方式

C继承的一般语法为:class 派生类名:[继承方式] 基类名{派生类新增加的成员};继承方式限定了基类成员在派生类中的访问权限,包括 public(公有的)、private(私有的)和 protected&#…

Node搭建后端框架【模块化,使用MySQL】

这篇文章可能和一般的使用express不到10行代码构建一个服务器不太一样,因为我之前有使用过springboot进行后端框架的搭建,所以感觉这种方法虽然简单,但是可能就缺乏扩展性 和 规范性 0.项目背景 当前我正在开发一个自己使用的小型项目&#…

K8S + GitLab + Jenkins自动化发布项目实践(一)

K8S GitLab Jenkins自动化发布项目实践(一)发布流程设计安装Docker服务部署Harbor作为镜像仓库部署GitLab作为代码仓库常用Git命令发布流程设计 #mermaid-svg-pe9VmFytb9GmqMvG {font-family:"trebuchet ms",verdana,arial,sans-serif;font-…

Python解题 - CSDN周赛第40期

上期问哥没参加,但从赛后大家的反馈来看,又出现了数据上的bug,使用 python 的朋友会遇到第二个用例的柱子高度数组长度不够,200根柱子,只有179个数据,这让人怎么玩?但是用C的选手就没有这个问题…

JVM学习.04. Java内存模型与线程模型

1、前言该篇内容主要介绍JVM如何实现多线程,多线程间由于共享和竞争数据而导致的一系列问题以及解决方案。2、内存模型(JMM)Java内存模型(Java Memory Model,简称JMM)的主要目的是定义程序中各种变量的访问…

回流和重绘

系列文章目录 前端系列文章——传送门 JavaScript系列文章——传送门 文章目录系列文章目录1、浏览器渲染过程2、回流3、重绘4、优化4.1、合并样式修改4.2、批量操作DOM4.3、避免多次触发布局4.4、修改批量设置样式函数我们在做案例的时候,通常一个标签要设置很多样…