程序员经验分享-hwhale

创建项目Vue 3 + Vite，引入 Element Plus UI 组件库。

2023-11-01

首先要下载vite。
在终端输入npm init @vitejs/app my-vue-app --template vue，快速生成一个使用 Vite 构建的 Vue 3 项目模版。
这时候如果是第一次创建，电脑就会提示在这里插入图片描述
只用输入y，电脑即可自动下载，下载好之后就开始创建项目了。
运行 npm run dev 即可把项目跑起来，进入开发模式。

第二步，引入 Element Plus UI 组件库
首先安装npm i element-plus，然后修改项目入口文件main.js，引入 Element Plus 库和相关样式文件。

import {
    createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

elementui

创建项目Vue 3 + Vite，引入 Element Plus UI 组件库。 的相关文章

  • Js文件中调用其它Js函数的方法

    转载 在一个js中引用另一个js的方法 方法 步骤 一个js调用另外一个js的方法 最简单的例子就是jquery的调用 首先准备好两个js文件 然后写一个html文件 通过方法 将两个js引用到html文件中 处于下方的js文件 就可以直接

  • 电路实验

    任务一 1 非门电路 2 表格 INPUT toggle switch OUTPUT led ON 1 Black 0 OFF 0 Red 1 任务二 1 A B C AB AC 2 表格 A B C O1 O2 0 0 0 0 0 0 1

  • 【C++编程题】回文串（ 动态规划×，暴力求解√ ）

    问题描述 回文串 是一个正读和反读都一样的字符串 比如 level 或者 noon 等等就是回文串 给你一个字符串 问最少在字符串尾添加多少字符 可以使得字符串变为回文串 输入格式 有多组测试数据 每组测试数据第一行是一个正整数N 表示字符

  • 土地利用现状分类2020_国土空间调查、规划、用途管制用地用海分类指南来了...

    自然资源部办公厅印发指南通知 据自然资源部官网今日消息 该部办公厅已于11月17日印发 国土空间调查 规划 用途管制用地用海分类指南 试行 这部指南主要内容包括总则 一般规定 用地用海分类等 其明确了国土空间调查 规划 用途管制用地用海分类

  • Pandora设置samba（文件共享）的步骤#openwrt通用#

    此方法为在线安装 进入后台 进入系统 gt 软件包 点击刷新列表 搜索Samba 安装两个插件 luci app samba和 samba4 server 重启路由器 在服务中可以查看配置 添加用户 在winscp中 找到etc passw

  • 代码随想录算法训练营第二十九天/46.全排列、47.全排列2

    文章目录 组合 排列辨析 46 全排列 思路 注意 实现代码 47 全排列2 思路 注意 实现代码 组合 排列辨析 组合 是无序的 例如 1 2 2 1 是同一个 排列 是有序的 例如 1 2 2 1 是不一样的 46 全排列 思路 判断结

随机推荐

  • Maven入门学习

    Maven 1 Maven 介绍 Maven 是跨平台的项目管理工具 作为 Apache 组织提供的一个颇为成功的开源项目 它是基于项目对象模型 POM project object model 可以通过一小段描述信息 配置 来管理项目的构

  • 【MQ】kafka（四）——kafka消费者如何消费的？如何防止重复消费？如何顺序消费？

    一 前言 前面博客小编向大家分享了 kafka如何保证消息不丢失 基本是从producer和broker来分析的 producer要支持重试和acks producer要做好副本和及时刷盘落地 这篇博客呢 就跟大家一起聊一下 kafka 消

  • 多核CPU开几个线程最好

    影响最佳线程数的主要因素 1 IO 2 CPU 根据公式 服务器端最佳线程数量 线程等待时间 线程cpu时间 线程cpu时间 cpu数量 一般来说是IO和CPU IO开销较多的应用其CPU线程等待时间会比较长 所以线程数量可以开的多一些 相

  • Kubernetes控制器之Deployment

    Deployment为Pod和ReplicaSet提供了一个声明式定义 declarative 方法 用来替代以前的ReplicationController来方便的管理应用 只需要在Deployment中描述一个期望状态 Deployme

  • Spring Data 与MongoDB 集成二:操作篇（添加和删除）

    一 简介 spring data mongodb项目提供与mongdb文档数据库的集成 spring data mongodb提供了org springframework data mongodb core MongoTemplate对mo

  • keras和tensorflow的版本对应关系

    keras和tensorflow的版本对应关系 Framework Env name env parameter Description Docker Image Packages and Nvidia Settings TensorFlo

  • java生成电子发票_电子发票实例(iText)

    实例简介 1 首先右键解决方案还原 nuget包 2 运行项目 则如下图 实例截图 生成的电子发票如下 模板的内容如下 核心代码 using MakePDFDemo Model using System namespace MakePDFD

  • Android平台 Target API level 升级到 31，在Android 12上启动黑屏卡死

    项目场景 项目上架平台要求android API需要升级到31及以上才行 API升级到33版本后经测试在android12 13机型上会卡在启动页面 打开调试日志也没报错 问题描述 Android平台 Target API level 升级

  • 阿里云服务器Windows Server 2008 架设 Web 服务器教程(图文详解)

    最近刚忙完嵌入式下位机LWIP的网络通讯 希望将嵌入式设备接入云端来进行控制 买了一个阿里云Windows server 2008服务器 来搭建云服务器 过程给大家分享一下互相学习 让小白快速上手 通过win R打开命令终端 输入mstsc

  • HectorSLAMGmappingKartoSLAMCoreSLAMLagoSLAM

    1 算法介绍 A HectorSLAM scan matching Gaussian Newton equation 传感器的要求高 要求 高更新频率小测量噪声的激光扫描仪 不需要里程计 使空中无人机与地面小车在不平坦区域运行存在运用的可能

  • umi,从url中获得search参数方法

    1 路由传参 新增时不带ID search或者 query history push pathname addSelf query self yes 2 从url中取参数 import history useLocation from um

  • 最小熵原理系列：词向量的维度应该怎么选择？

    PaperWeekly 原创 作者 苏剑林 单位 追一科技 研究方向 NLP 神经网络 随着 NLP 的发展 像 Word2Vec Glove 这样的词向量模型 正逐渐地被基于 Transformer 的 BERT 等模型代替 不过经典始终

  • Linux系统下word转pdf，xls转pdf，ppt转pdf

    word转换pdf的技术方案 供参考 doc docx ppt pptx xls xlsx均支持转换 本方案是Java结合shell命令完成 不同于以往的仅依赖java组件转换或打印pdf的方案 需要目标服务器安装office套件 可选方案

  • LayUI登录页面

    使用LayUI对你所做系统进行前端的美化和交互完善设计 使得系统的操作和交互更加符合人机交互理念 下面文章仅是登录页面的美化

  • 国际期货是什么？正大期货的定义怎么来的？

    国际期货市场是国际上进行期货交易的市场 期货交易是预先签订商品买卖合同 而贷款的支付和货物的交割要在约定的时间内进行的一种交易 但一般不需要真正交割 绝大多数合约在到期前对冲 期货交易只需支付少量保证金 通过期货交易所买进卖出期货合约 即一

  • Anaconda配置OpenCV环境

    1 移除旧的环境 如果原来有一个opencv的环境 那么要先进行这个环境的删除 conda env remove opencv 2 虚拟环境创建 首先进行虚拟环境的创建 使用Anaconda进行虚拟环境的创建 我这里的虚拟环境的名称是 op

  • Java如何让自定义类型具有可比较大小的能力

    自定义类型大小比较 一 背景 二 两种方法 方式一 自然排序 方式二 定制排序 一 背景 Java中基本数据类型之间可以使用比较运算符 gt lt gt lt 等进行比较 引用数据类型之间进行比较时 使用继承于Object类的equals方

  • atheros面试

    6道题目 1 是swap的宏的定义 2 用一个语句判断一个数是不是2的n次幂 3 判断sizeof作为参数传入的 char 的长度 4 用两个栈实现一个队列 5 将字符串bcde转换为edcb 6 循环计数1 n 如果计到m 则打印出来 第

  • Impala 三大组件：Impala Daemon, Impala Statestore, Impala Catelog

    Impala 三大组件 Impala Daemon 功能 负责读写数据文件 接受来自 Impala shell ODBC Hue 和 JDBC 的查询请求 然后与集群中的其他节点分布式并行工作 将本节点的查询结果返回给中心协调者节点 查询流

  • 创建项目Vue 3 + Vite，引入 Element Plus UI 组件库。

    首先要下载vite 在终端输入npm init vitejs app my vue app template vue 快速生成一个使用 Vite 构建的 Vue 3 项目模版 这时候如果是第一次创建 电脑就会提示 只用输入y 电脑即可自动下

热门标签