vue-cli搭建项目笔记

1. 在指定位置打开终端

2. 运行 指令

vue create xtx

选择 vue2

等待创建完成。。。。。 大概5.52s完成

3.启动项目

进入 项目 目录

cd xtx

启动

yarn run serve

4. 访问

浏览器 访问 localhost:8080

在这里插入图片描述

5. 项目开发

  1. 清空项目 App.vue 注意:每一个vue组件中的template只能有一个根元素。

  2. 如果你想使用less ,需要安装插件

    yarn add less less-loader

    使用:

  3. 如果需要 关停本地服务, ctrl+cc

6. 小图鲜 静态资源 引入

将 小兔仙 img css iconfont 资源放入 src/assets 中

引入资源位置 main.js中

// 字体
import './assets/iconfont/iconfont.css'
// base.css
import './assets/styles/base.css'
  1. 组件化开发

在这里插入图片描述

在componets中提前 创建好组件

在这里插入图片描述

8. App.vue中注册组件,使用组件

在这里插入图片描述

9.图片引入

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ubuntu20复现NBV探索

官网代码 后退地平线下一个最佳景观规划师 这个代码有些久远,issue里面有人已经在ubuntu20里面使用了3dmr,但是他那个代码我也运行不成功,docker网络一直也不佳,所以还是自己重新修改源码靠谱。 最终实现的代码等有时间上传到gi…

解锁开发新纪元:GPT-4o mini的实战探索与效率革命

🌈所属专栏:【其它】✨作者主页: Mr.Zwq✔️个人简介:一个正在努力学技术的Python领域创作者,擅长爬虫,逆向,全栈方向,专注基础和实战分享,欢迎咨询! 您的点…

matlab中的双层数值积分

🏆本文收录于《CSDN问答解惑-专业版》专栏,主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收…

前端面试宝典【设计模式】【2】

欢迎来到《前端面试宝典》,这里是你通往互联网大厂的专属通道,专为渴望在前端领域大放异彩的你量身定制。通过本专栏的学习,无论是一线大厂还是初创企业的面试,都能自信满满地展现你的实力。 核心特色: 独家实战案例:每一期专栏都将深入剖析真实的前端面试案例,从基础知…

LLC数字控制TMS320F28034,2-根据原理图配置GPIO控制引脚

LLC数字控制TMS320F28034,2-根据原理图配置GPIO控制引脚 LLC数字控制TMS320F28034,2-根据原理图配置GPIO控制引脚1 TMS320F280341.1 GPIO概述1.2 GPIO寄存器说明1.3 GPIO寄存器使用注意事项 2 项目原理图介绍2.1 GPIO使用介绍2.2 功能引脚使用说明 3 软件…

maven项目容器化运行之4-子模块利用Jenkins和maven使用docker插件调用远程docker构建服务

一.背景 之前期望把开发和部署分开,在上篇文章maven项目容器化运行之3-优雅的利用Jenkins和maven使用docker插件调用远程docker构建服务并在1Panel中运行-CSDN博客已经实现了。主要思路是开发配置了pom文件,但是不管docker镜像打包。提交代码库后&#x…

Kubernetes中间件监控指标解读

监控易是一款功能强大的IT监控软件,能够实时监控和分析各种IT资源和应用的状态,为企业提供全面而深入的监控服务。在Kubernetes中间件监控方面,监控易提供了详尽的监控指标,帮助用户全面了解Kubernetes集群的运行状态和性能表现。…

Nginx 反向代理https域名接口的注意事项

网络环境条件及实际调用需求如下图所示: 如图,要点如下: 应用实际请求的协议是 http,而通过 nginx 反向代理的最终接口是 https应用实际请求的域名是 mynginx.com,而通过 nginx 反向代理的最终接口域名是 api.weixin.…

[C++] vector对比list deque的引出

文章目录 list与vector的对比双端队列dequedeque的特性deque的底层实现原理内存结构块表(Block Array)块(Block) 插入与删除两端插入两端删除 随机访问如何计算位置 迭代器设计 总结 list与vector的对比 vector与list都是STL中非…

【python】PyQt5中QRadioButton的详细用法教程与应用实战

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,…

[windows] 关于多线程中使用SendMessage

https://developer.aliyun.com/article/228325

@antv/x6 利用工具,在节点的左上角,或者节点的右上角,增加一个X的红色删除小按钮。

1、上个图: 官方地址:https://x6.antv.antgroup.com/tutorial/intermediate/tools 2、鼠标移上去,左上角会有一个删除小按钮,这个是x6自动的功能,只要稍微写二行代码就实现了: graph.on(node:mouseenter,…

leetcode 矩阵专题——java实现

73. 矩阵置零 给定一个 m x n 的矩阵,如果一个元素为 0 ,则将其所在行和列的所有元素都设为 0 。请使用 原地 算法。 输入:matrix [[1,1,1],[1,0,1],[1,1,1]] 输出:[[1,0,1],[0,0,0],[1,0,1]] 关键在于:一次扫描全表…

【云服务器】vscode + onethingAi + SSH远程连接

通过VS code远程连接服务器,并进行上传和下载文件操作_vs code 上传制定文件-CSDN博客 vscode远程连接服务器(remote ssh)上传本地文件到服务器(sftp)_vscode上传文件到服务器-CSDN博客 vscode连接远程服务器(傻瓜式教学&#x…

苹果电脑怎么录制屏幕?3招教你轻松录制,高效实用

随着数字化时代的快速发展,屏幕录制已经成为我们日常工作和生活中不可或缺的一部分。它不仅是展示产品、教授知识、分享经验的重要工具,更是我们展现个性和创造力的新舞台。在苹果电脑上,屏幕录制功能的应用更是将这一体验推向了新的高度。 …

【屏驱MCU】RT-Thread 文件系统接口解析

本文主要介绍【屏驱MCU】基于RT-Thread 系统的文件系统原理介绍与代码接口梳理 目录 0. 个人简介 && 授权须知1. 文件系统架构1.1 虚拟文件系统目录架构 2. menuconfig 分析3. 代码接口分析3.1 DFS框架挂载目录3.2 【FAL抽象层】分区表和设备表3.3 如何将【文件路径】挂…

多任务协程处理的流程,看看是否和你想像的一样

import time import asyncioasync def func1():print("你好,我是第一个任务")await asyncio.sleep(3)print("你好,我是第二个任务")async def func2():print("你好,我是第3个任务")await asyncio.sleep(2)…

GNSS形变监测系统

TH-WY1 GNSS形变监测系统采用扼流圈设计有以下几个优势: 高精度测量:扼流圈是一种高精度的传感器,可以提供非常精确的测量结果。这使得GNSS形变监测系统能够准确地测量结构物的形变变化。 高稳定性:扼流圈设计使得传感器具有良好…

第33篇 计算数据中最长的连续1的个数<三>

Q:如何将计算出的结果(最长的连续1的个数)显示在DE2-115开发板的HEX上? A:基本原理:DE2-115_Computer_System中的HEX并行端口作为内存映射设备连接到DE2-115开发板的七段数码管,每个端口都对应…