使用vue脚手架快速搭建vue 2项目

news2025/1/20 7:21:16

简单了解vue-cli

官网地址:https://cli.vuejs.org/zh/guide/browser-compatibility.html

前提

1.安装node(js代码的运行环境)、npm;
2.全局安装vue-cli;

命令创建项目

vue create hello-word
在这里插入图片描述
等待项目创建成功即可

开发工具打开刚刚创建的项目

项目结构如图所示在这里插入图片描述

启动项目

针对cli的项目,直接 npm run serve
在这里插入图片描述
在这里插入图片描述

当前项目引入element-ui框架

使用命令引入element-ui框架

npm i element-ui -S

入口文件

对于cli项目,入口文件为main.js

安装完element-ui框架之后,需要在入口文件进行引入

在这里插入图片描述

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

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

相关文章

RS232和RS485

1. 串口存在的问题 电器接口不统一。UART只是对信号的时序和格式进行定义,未定义接口的电气特性 Uart通信一般直接使用从处理器的TTL电平,但不同的处理器使用的电平存在差异,导致不通处理器一般不能使用UART相互连接 UART没有规定连接器件的连…

Css 3 动画

动画(animation)是css3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动…

【毕业设计-课程设计】-单片机电子密码锁设计

资源链接在文章最后,订阅查看获取全部内容及资料,如需可私信提供硬件。 一、 主要功能: 1.按键设置6位密码,输入密码若密码正确,则锁打开。显示open! 2.密码可以自己修改(6位密码),必须是锁打开时才能改密。为防止误操作,修改密码得输入两次。 3.若密码输入错误次数…

Metabase学习教程:仪表盘-1

BI仪表盘最佳实践 学习如何制作出色的商业智能仪表盘。 在Metabase中,仪表盘可以在网格中组织图表和文本卡片。关于基本知识,请查看我们的文档创建仪表盘。这篇文章介绍了有关什么是优秀的商业智能仪表盘的高级概念,并包括一些关于如何充分…

网络程序设计——重叠I/O模型

目录 1、重叠I/O (1)概念 (2)重叠数据结构WSAOVERLAPPED 2、重叠I/O的相关函数 (1)套接字创建 (2)发送数据函数 (3)两种获取传输数据数量的方法 3、…

17.指针的概念及其分类

内存 存储器 存储数据的器件 外部存储器 长期存放数据,掉电不丢失数据。 常见的外存数据:硬盘、ROM、U盘 内部存储器 暂时存储数据,掉电丢失 常见的内存数据:ram、DDR 物理内存 实实在在的存储设备。 虚拟内存 操作系统虚拟…

FFmpeg进阶: 截取视频生成gif动图

文章目录1.封装视频滤镜2.截取视频生成gif3.gif优化4.示例效果现在互联网上很多人都通过表情包来表达自己的情绪,常用的表情包很多都是视频文件的一部分。这里就介绍一下如何通过ffmpeg截取视频生成gif动图。其实原理很简单,首先我们seek到视频对应的位置…

Go sync.WaitGroup的学习

一.前言 二. 夯实基础 2.1 sync.WaitGroup是什么? Go语言中除了可以使用通道(channel)和互斥锁进行两个并发程序间的同步外,还可以使用等待组进行多个任务的同步,等待组可以保证在并发环境中完成指定数量的任务 在…

Spring Boot 中的Thymeleaf分页和排序示例

在上一篇文章中,我们已经知道如何构建Spring Boot Thymeleaf示例。今天,我将继续使用 Spring Data 和 Bootstrap 进行 Thymeleaf 分页和排序(按列标题)。 百里香叶分页和排序示例 假设我们在数据库中有这样的教程表:…

深入理解 Android 模块化里的资源冲突

翻译自 Understanding resource conflicts in Android ⚽ 前言 作为 Android 开发者,我们常常需要去管理非常多不同的资源文件,编译时这些资源文件会被统一地收集和整合到同一个包下面。根据官方的《Configure your build》文档介绍的构建过程可以总结这…

RFSoC应用笔记 - RF数据转换器 -22- API使用指南之配置DAC相关工作状态和中断相关函数使用

前言 本文完结后,关于RFSoC的配置的API函数部分就全部介绍完毕,后续有空将更新介绍简单的射频收发回环示例工程,不定时更新,敬请期待。 配置DAC相关工作状态 XRFdc_SetInterpolationFactor 函数原型 u32 XRFdc_SetInterpolat…

内存一致性,指令重排序,内存屏障,volatile解析

文章目录为什么会存在“内存可见性”问题重排序与内存可见性的关系as-if-serial语义单线程程序的重排序规则多线程程序的重排序规则happen-before是什么解决方案:内存屏障Volatile关键字解决内存可见性问题的实现原理为什么会存在“内存可见性”问题 下图为x86架构…

redis 的企业实战应用 (二)

前言: 如今redis的常用场景有 短信登录:使用redis共享session来实现 商户查询缓存:会理解缓存击穿,缓存穿透,缓存雪崩等问题,让小伙伴的对于这些概念的理解不仅仅是停留在概念上,更是能在代码…

【数学】仿射变换

∣降维打击NightguardSeries.∣\begin{vmatrix}\Huge{\textsf{ 降 维 打 击 }}\\\texttt{ Nightguard Series. }\end{vmatrix}∣∣∣∣∣​ 降 维 打 击 Nightguard Series. ​∣∣∣∣∣​ 注:本文讨论的仿射变换仅为y轴上的伸缩变换,且难度在高中生理…

H3CNE V7.0 视频教程

构建中小企业网络全套PPT汇总【V7版本】 第1章 计算机网络概述 第2章 OSI参考模型与TCP IP模型 第3章 局域网基本原理 第4章 广域网基本原理 第5章 IP基本原理 第6章 TCP和UDP基本原理 第7章 路由器、交换机及其操作系统介绍 第8章 命令行操作基础 第9章 网络设备文件…

mycat-3-实战篇

1 总结: 1:用的表必须在mycat的配置文件中配置。 2:mycat默认分片策略中,都是针对表的主键,默认是id,如果主键不是id的,请去rule.xml自己复制一份修改 3: 2 注意细讲解 1:schem…

Springboot启动流程分析(四):完成启动流程

目录 一 添加BeanPostProcessors到IOC容器 二 国际化支持 三 初始化监听器的多路播放器 四 刷新容器 五 注册监听器到IOC容器的多播器 六 完成bean的大规模实例化 6.1 大规模实例化bean 6.1.1 连续三层do...while循环作用 6.1.2 FactoryBean是什么?为什么要…

04 YAML kubetnetes世界里的通用语

文章目录1. 前言2. 声明式和命令式是怎么回事?3. 什么是YAML?4. 什么是API对象?4.1 k8s都有哪些资源对象4.2 列出kubectl 命令详细执行过程5. 如何描述 API 对象5.1 命令式5.2 声明式5.2.1 声明式YAML语法详解5.2.1.1 header部分详解5.2.1.2 …

【教学类-19-01】20221127《ABAB式-规律排序-A4竖版2份》(中班)

展示效果: 单人使用样式: 单页打印样式 ​ 背景需求: 中班幼儿需要掌握ABAB规律排序,如下图所示,AB两个元素能外形不同、颜色不同。 ​ ​利用Python Word单元格填色功能,随机生成AB样式,引…

STM32模拟IIC与IIC四种实现数字光强采集模块GY30(标准库与HAL库)

目录 代码实现是的IIC通信,数据采集后在串口显示,方便大家实现二次开发 原件选择 GY-30 数字光强度介绍 BH1750芯片参数 引脚说明 BH1750指令集 接线表设计 通过四种方式实现GY-30数据采集 1.标准库模拟IIC实现GY-30采集并串口1显示 2.标准库IIC…