创建Vue3项目以及引入Element-Plus

news2024/11/20 8:48:01

创建Vue3项目以及引入Element-Plus

前提条件:本地需要有node环境以及安装了npm,最好设置了镜像,这样下载包的时候会快些。
1、安装vue脚手架vue-cli3

npm install @vue/cli -g

2、安装后查看vue的版本

vue -V

在这里插入图片描述
3、创建Vue项目,项目名称不支持特殊字符也不支持驼峰命名

vue create 项目名称

在这里插入图片描述
4、启动项目

npm run serve

项目中引入Element-Plus

1、安装element-plus

npm install element-plus --save

安装后在package.json中可以看到element-plus的版本
在这里插入图片描述

2、在main.js中导入element-plus

//导入element-plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

3、使用element-plus

const app = createApp(App)
//挂载ElementPlus
app.use(ElementPlus)
app.mount('#app')

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/147524.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

通信电子、嵌入式类面试题刷题计划01

文章目录001——什么是奈奎斯特采样定理?002——有源滤波器和无源滤波器的区别是什么?003——什么是反馈电路?请举出相关应用004——什么是竞争冒险现象?如何消除和避免此类现象005——什么是基尔霍夫定理?006——if e…

揣着一口袋的阳光满载而归--爱摸鱼的美工(13)

-----------作者:天涯小Y 揣着一口袋的阳光满载而归! 慷懒周末 睡到自然醒,阳光洒在书桌上 套进宽松自在的衣服里 出门,去楼下坐坐 在阳光里吃午餐 在阳光里打个盹 在阳光里看猫咪上蹿下跳 在阳光里点个咖啡外卖 虚度时光&#xf…

【CANN训练营第三季】TBE算子开发

文章目录直播学习结业考核直播学习 安装准备:https://www.hiascend.com/document/detail/zh/mindstudio/50RC3/instg/instg_000022.html 开发参考: https://www.hiascend.com/document/detail/zh/CANNCommunityEdition/600alpha003/operatordevelopment/opdevg/atla…

基础算法(八)——离散化

离散化 介绍 这里的离散化,特指整数的、保序的离散化 有些题目可能需要以数据作为下标来操作,但题目给出的数据的值比较大,但是数据个数比较小。此时就需要将数据映射到和数据个数数量级相同的区间,这就是离散化,即…

Java学习笔记——继承(上)

目录继承入门继承的好处继承的特点继承中成员变量的访问特点this和super访问成员的格式继承中成员方法的访问特点方法重写概述和应用场景方法重写的注意事项权限修饰符继承入门 继承的好处 好处: 提高了代码的复用性。 提高了代码的维护性。 让类与类之间产生了关系…

static关键字分别在C和C++中的作用

static用于实现多个对象之间的数据共享 隐藏使用静态成员不会破坏隐藏规则默认初始化为0 1. C语言中static的特性(面向过程设计中) 局部变量:在任意一个函数内部定义的变量(不加static),初始值不确定&am…

11、JS笔记-内置内置对象

1.内置对象 js中对象分为三种: 自定义对象、内置对象、浏览器对象(js独有) 内置对象: js语言自带的对象,供开发者使用,提供一些常用或基本的功能(属性和方法) 2.Math对象 Math中所…

Docker核心概念总结

文章目录容器容器概念物理机,虚拟机与容器的区别Docker简介Docker介绍Docker思想Docker容器的特点使用Docker的原因容器VS虚拟机对比图容器与虚拟机总结容器与虚拟机可以共存Docker 基本概念镜像(Image)一个特殊的文件系统容器(Container&…

SpringSecurity认证功能的快速上手

简介 SpringSecurity是Spring家族中的一个安全管理框架。相比于另外一个安全框架Shiro,它提供了更丰富的功能,社区资源也比Shiro丰富。一般来说中大型项目都是使用SpringSecurity来做安全框架,小项目用Shiro的比较多,因为相比于S…

LabVIEW VI服务器功能

LabVIEW VI服务器功能VI 服务器是在LabVIEW 5.0中引入的,它提供了允许用户动态控制前面板控件、VI和LabVIEW环境的一系列函数。使用VI服务器,您还可以在同一台机器或通过网络动态加载运行VI和LabVIEW。 VI服务器函数位于 函数应用程序控制 子面板上。所有…

3-1内存管理-内存管理概念

文章目录一.内存管理的基本原理和要求1.逻辑地址和物理地址2.程序的装入和链接/从写程序到程序运行/将程序和数据装入内存/将用户源程序变为可在内存中执行的程序需要经过的步骤3.程序的链接方式4.内存的装入模块在装入内存时的方式5.操作系统对内存的管理二.覆盖与交换三.连续…

C#,图像二值化(17)——全局阈值的ISODATA算法(亦称作InterMeans法)及其源程序

二值算法综述请阅读: C#,图像二值化(01)——二值化算法综述与二十三种算法目录https://blog.csdn.net/beijinghorn/article/details/128425225?spm1001.2014.3001.5502 支持函数请阅读: C#,图像二值化&…

Smart Finance成为火必投票竞选项目,参与火必投票获海量奖励

最近,Huobi推出了新一期的“投票上币”活动,即用户可以通过HT为候选项目投票,在投票截止后,符合条件的优质项目将直接上线Huobi。而Smart Finance成为了新一期投票上币活动的竞选项目之一,并备受行业关注,与…

android 11+后台启动FGS的while-in-use权限限制

while-in-use权限限制 为了帮助保护用户隐私,Android 11(API 级别 30)对前台服务何时可以访问设备的位置、摄像头或麦克风进行了限制。 当您的应用程序在后台运行时启动前台服务时,前台服务有以下限制: 除非用户已向您…

智能家居创意产品一智能插座

WiFi智能插座对于新手接触智能家居产品更加友好,不需要额外购买网关设备 很多智能小配件也给我们得生活带来极大的便捷,智能插座就是其中之一,比如外出忘记关空调,可以拿起手机远程关闭。 简单说就是:插座可以连接wi…

python深拷贝和浅拷贝

python深拷贝和浅拷贝(一) 定义 直接赋值:其实就是对象的引用。浅拷贝:拷贝父对象,不会拷贝对象的内部的子对象。深拷贝: copy 模块的 deepcopy 方法,完全拷贝了父对象及其子对象。 浅拷贝&am…

【自学C++】C++变量

C变量 C变量教程 不论是使用哪种高级程序语言编写程序,变量都是其程序的基本组成单位。变量相当于内存中一个数据存储空间的表示,通过变量名可以访问到变量的具体的值。 C 的变量(variable)是有明确 类型 的。编译器会检查 函数…

Linux 安装OpenSSL及解决遇到的问题

OpenSSL下载openssl安装包解压配置相应检查编译安装测试创建软链接N次测试下载openssl安装包 wget https://www.openssl.org/source/openssl-3.0.1.tar.gz执行后如果拉不下来,出现证书过期 需要加上 --no-check-certificate 不做检查 wget https://www.openssl.o…

C语言char类型的存储

目录char是如何存储的char的类型char的取值范围例题char是如何存储的 字符型(char)用于储存字符(character),如英文字母或标点。但是char类型在内存中并不是以字符的形式储存,而是以ASII码的形式储存&…

python对接API二次开发高级实战案例解析:Zabbix API封装类实现获取认证密钥、所有主机组、所有主机、所有监控项和历史数据

Zabbix API是基于Web的API,作为Web前端的一部分提供。它使用JSON-RPC 2.0协议,这意味着两点: 该API包含一组独立的方法;客户端和API之间的请求和响应使用JSON格式进行编码。 传送门:Zabbix API官方文档 导入模块 在za…