当前位置：首页 > news >正文

创建vue3工程

news 文章来源：https://blog.csdn.net/QWERTY55555/article/details/133589661 2025/1/29 10:59:49

一、新建工程目录E:\vue\projectCode\npm-demo用Visual Studio Code 打开目录

二、点击新建文件夹按钮，新建vue3-01-core文件夹

三、右键vue3-01-core文件夹点击在集成终端中打开

四、初始化项目，输入npm init 一直敲回车直到创建成功如下图

npm init

五、安装vue3

npm install vue@3.2.47

六、创建vue helloworld 页面

1、点击新建文件按钮，创建helloword.html

2、文本输入！加tab 插入html 模版

3、输入代码

声明一个根节点：vue管理dom的入口
引入vue.js库文件
编写vue.js代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vue模版语法</title>
</head>
<body><!--1.声明一个根节点：vue管理dom的入口2.引入vue.js库文件3.编写vue.js代码--><!--2.引入vue.js库文件--><div id="app">{{ msg }}</div><!--1.声明一个根节点：vue管理dom的入口--><script src="./node_modules/vue/dist/vue.global.js"></script><!--3.编写vue.js代码，要在上面引用vue3库--><script type="text/javascript">// 在vue.global.js 导出了Vue 实例，他向外暴露了很多方法const { createApp } =Vue;//不要加单引号，首字母大写// 通过导入的createApp 创建一个应用实例createApp({//传递一个对象{}//data选项，必须是函数，返回一个对象，在这个返回对象中的属性就是对应要vue中要使用data(){return{msg: 'hello,vue3'//声明一个变量}}}).mount('#app');</script>
</body>
</html>

4、通过liveserver 插件，运行服务。

效果如下

创建vue3工程

一、新建工程目录E:\vue\projectCode\npm-demo用Visual Studio Code 打开目录二、点击新建文件夹按钮，新建vue3-01-core文件夹三、右键vue3-01-core文件夹点击在集成终端中打开四、初始化项目，输入npm init 一直敲回车直到创建成功如下图 npm init 五…...

编程日记 2023/10/6 3:07:00

Flutter笔记 - 用于描述Align的Alignment、AlignmentDirectional、AlignmentTween类

Flutter笔记用于描述Align的Alignment、AlignmentDirectional、AlignmentTween类作者：李俊才 （jcLee95）：https://blog.csdn.net/qq_28550263 邮箱 ：291148484163.com 本文地址：https://blog.csdn.net/qq_…...

编程日记 2023/10/6 3:05:59

门面模式简介

门面模式简介门面模式（Facade Pattern）是一种结构性设计模式，它提供了一个简化复杂系统的接口，允许客户端通过一个统一的接口与系统交互，而不需要了解系统内部的复杂性。这个模式的目标是降低客户端与系统之间的耦合…...

编程日记 2023/10/6 3:04:57

2023年7月工作经历二

invoke的翻译 C#的这个关键字很熟，但不知道如何翻译比较好。和网友沟通，并查阅多篇博文，觉得“同步调用（invoke）和异步调用(beginvoke)”比较好。 VS2022很爽 C#的类名，会提示命名空间。C调试的时候&…...

编程日记 2023/10/6 3:03:56

7.wifi开发【智能家居：终】，实践总结：智能开关，智能采集温湿，智能灯。项目运行步骤与运行细节，技术归纳与提炼，项目扩展

一。项目运行步骤与运行细节 1.项目运行步骤（一定有其他的运行方式，我这里只提供一种我现在使用的编译方式） （1）项目运行使用软件与技术： 1.Virtual linux 使用这个虚拟机进行程序的编译 2.Makefile与shl…...

编程日记 2023/10/6 3:00:53

学习开发一个RISC-V上的操作系统（汪辰老师） — unrecognized opcode `csrr t0,mhartid‘报错问题

前言 （1）此系列文章是跟着汪辰老师的RISC-V课程所记录的学习笔记。 （2）该课程相关代码gitee链接； （3）PLCT实验室实习生长期招聘：招聘信息链接正文 （1）在跟着…...

编程日记 2023/10/6 2:56:50

【计算机网络】心跳机制

文章目录心跳机制应用场景什么是心跳机制心跳包的发送，通常有两种技术心跳机制应用场景在长连接下，有可能很长一段时间没有数据往来。理论上说，这个连接是一直保持连接的，但是实际情况中，如果中间节点出现什么故…...

编程日记 2023/10/6 2:52:46

文心一言 VS 讯飞星火 VS chatgpt （106）-- 算法导论10.1 4题

四、用go语言，重写 ENQUEUE 和 DEQUEUE 的代码，使之能处理队列的下溢和上溢。文心一言： 在 Go 语言中，我们可以使用切片来实现队列。下面是如何实现 ENQUEUE 和 DEQUEUE 操作，同时处理队列的下溢和上溢的情况&#…...

编程日记 2023/10/6 2:46:37

进程调度算法之时间片轮转调度(RR)，优先级调度以及多级反馈队列调度

1.时间片轮转调度算法(RR) round Robin 1.算法思想公平地、轮流地为各个进程服务，让每个进程在一定时间间隔内都可以得到响应。 2.算法规则按照各进程到达就绪队列的顺序，轮流让各个进程执行一个时间片（如100ms）。若进程未…...

编程日记 2023/10/6 2:39:30

ARMv8如何读取cache line中MESI 状态以及Tag信息（tag RAM dirty RAM）并以Cortex-A55示例

Cortex-A55 MESI 状态获取一，系统寄存器以及读写指令二，Cortex-A55 Data cache的MESI信息获取（AARCH 64）2.1 将Set/way信息写入Data Cache Tag Read Operation Register2.2 读取Data Register 1和Data Register 0数据并解码参考…...

编程日记 2023/10/6 2:37:28

密码技术 (6) - 证书

一. 前言前面介绍的公钥密码和数字签名，都无法解决一个问题，那就是判断自己获取的公钥是否期望的，不能确定公钥是否被中间攻击人掉包。所以，证书的作用是用来证明公钥是否合法的。本文介绍的证书就是解决证书的可靠性的技术。二…...

编程日记 2023/10/6 2:36:27

【算法学习】-【双指针】-【盛水最多的容器】

LeetCode原题链接：盛水最多的容器下面是题目描述： 给定一个长度为 n 的整数数组 height 。有 n 条垂线，第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。…...

编程日记 2023/10/6 2:35:27

JAVA面经整理(8)

一)为什么要有区，段，页？ 1)页是内存和磁盘之间交互的基本单位内存中的值修改之后刷到磁盘的时候还是以页为单位的索引结构给程序员提供了高效的索引实现方式，不过索引信息以及数据记录都是记录在文件上面的，确切来说是…...

编程日记 2023/10/6 2:34:26

【Java 进阶篇】JDBC数据库连接池Druid详解

在Java应用程序中，与数据库进行交互是一个常见的任务。为了更有效地管理数据库连接并提高性能，数据库连接池是一种常见的解决方案。Druid是一个流行的JDBC数据库连接池，它具有丰富的功能和高性能。本博客将详细介绍Druid连接池，包…...

编程日记 2023/10/6 2:31:24

Linux——指令初识

Linux下基本指令前言一、 ls 指令二、 pwd命令三、cd 指令四、 touch指令五、mkdir指令六、rmdir指令 && rm 指令七、man指令八、cp指令九、mv指令十、cat指令十一、.more指令十二、less指令十三、head指令十四、tail指令总结前言 linux的学习开始啦！ 今…...

编程日记 2023/10/6 2:30:23

专题一：双指针【优选算法】

双指针应用场景： 数组划分、数组分块目录一、移动0 二、复写0 从后向前三、快乐数链表带环四、盛水最多的容器单调性双指针五、有效三角形个数单调性双指针六、和为s的两个数字七、三数之和细节多需再练一、移动0 class Solution { public:void move…...

编程日记 2023/10/6 2:28:20

蓝桥等考Python组别十二级007

第一部分：选择题 1、Python L12 （15分）运行下面程序，输出的结果是（）。 lis = [A, B, C, D, E, F] print(lis[0 : 3]) [A, B, C][A, B][A, B, C, D][B, C, D]正确答案：A 2...

编程日记 2023/10/6 2:27:16

全方位介绍工厂的MES质量检验管理系统

一、MES质量检验管理系统的定义： MES质量检验管理系统是基于制造执行系统的框架和功能，专注于产品质量的控制和管理。它通过整合和优化质量检验流程，提供实时的数据采集、分析和反馈，帮助工厂实现高效的质量管理。该系统涵盖了从…...

编程日记 2023/10/6 2:26:15

避免风险，亚马逊、沃尔玛、阿里国际站选择什么样的测评方式最安全？

亚马逊、沃尔玛、速卖通、阿里国际站上做测评是最有效的推广手段之一，而测评又存在很大的风险。但是测评的风险来自哪里？什么样的测评方式才安全呢？ 因为平台大数据风控点很多，根据洪哥六七年的测评经验，风控包括以下…...

编程日记 2023/10/6 2:25:14

【C语言】语法--联合体union详解

本文参考博客： https://blog.csdn.net/m0_57180439/article/details/120417270 定义及示例：联合是一种特殊的自定义类型，该种类型定义的变量也包含一系列的成员，特征是这些成员共用同一块空间，所以联合体也被称为共用体。 #include<stdio.h> union Un//联合类型…...

编程日记 2023/10/6 2:23:13

接口测试复习

一。基本概念接口概念：系统与系统之间数据交互的通道。接⼝测试概念：校验预期结果与实际结果是否⼀致。特征： 测试⻚⾯测试发现不了的问题。（因为：接⼝测试绕过前端界⾯。 ） 符合质量控制前移理…...

编程日记 2023/10/6 2:20:10

获取医疗器械板块的个股列表

获取医疗器械板块的个股列表，用python爬虫做到（数据网址：板块 - 医疗器械概念 - 股票行情中心 - 搜狐证券） import requests from bs4 import BeautifulSoup # 获取医疗器械概念个股列表url "https://q.stock.sohu.com/cn/…...

编程日记 2023/10/6 2:19:09

1026 程序运行时间

要获得一个 C 语言程序的运行时间，常用的方法是调用头文件 time.h，其中提供了 clock() 函数，可以捕捉从程序开始运行到 clock() 被调用时所耗费的时间。这个时间单位是 clock tick，即“时钟打点”。同时还有一个常数 CLK_TCK&…...

编程日记 2023/10/6 2:17:06

博途1200/1500 ALT指令

SMART PLC的ALT指令实现代码，请查看下面文章博客 SMART PLC如何构造ALT指令_smart200类似alt指令-CSDN博客单按钮启停这些老生常谈的问题，很多人感兴趣。这篇博文讨论下不同的实现方法，希望对大家有所帮助。指令虽然简单，但是在编程的时候合理使用对我们高效率编程帮助还是…...

编程日记 2023/10/6 2:16:06

11、视频分类建议

8、绩效看板与日清计划 9、大小屏分离与精细化审核 10、质量审核的设立与合并视频分类印象深刻，因为这是我亲手做的第一个增效工具。审核的其中一个任务是保证视频分类信息的准确性，账号本身是有一个缺省分类的，内容上传之后默认使用账号…...

编程日记 2023/10/6 2:12:03

【计算机组成原理】考研真题攻克与重点知识点剖析 - 第 2 篇：数据的表示和运算

前言本文基础知识部分来自于b站：分享笔记的好人儿的思维导图与王道考研课程，感谢大佬的开源精神，习题来自老师划的重点以及考研真题。此前我尝试了完全使用Python或是结合大语言模型对考研真题进行数据清洗与可视化分析，本人技术…...

编程日记 2023/10/6 2:11:01

使用maven框架搭建一个IDEA插件项目

以下是使用 Maven 框架搭建 IDEA 插件项目的步骤： 打开 IDEA，点击 File -> New -> Project，选择 Maven。在弹出的 New Project 窗口中，选择 Maven，然后选择 Create from archetype，找到 Maven 插件…...

编程日记 2023/10/6 2:02:53

第二届全国高校计算机技能竞赛——C++赛道题解

Powered by:NEFU AB-IN Link 文章目录第二届全国高校计算机技能竞赛——C赛道A 互不侵犯题意思路代码 B 奖学金题意思路代码 C 领导者题意思路代码 D 空调题意思路代码 E 字符操作变换题意思路代码第二届全国高校计算机技能竞赛——C赛道 A 互不侵犯题意在象棋中&#xff…...

编程日记 2023/10/6 2:01:51

八大排序源码（含优化）

文章目录 1、直接插入排序2、希尔排序3、选择排序4、冒泡排序5、堆排序6、快速排序快速排序递归实现霍尔法挖坑法前后指针法快速排序小区间优化快速排序非递归实现 7、归并排序归并排序递归实现归并排序非递归 8、计数排序大家好，我是纪宁，这篇文章是关…...

编程日记 2023/10/6 2:00:51

单调队列---数据结构与算法

简介队列也是一种受限制的线性表和栈相类似，栈是先进后出，而队列是先进先出，就好像一没有底的桶，往里面放东西，如图在这里也是用数组来实现队列，用数组实现的叫做顺序队列队列的数组模拟 const int N…...

编程日记 2023/10/6 1:56:46

和网站合作有哪些活动可以做/广州seo关键词优化外包

如果你是在Linux/Unix下，那么使用dict命令行程序来查辞典是非常简单方便的，它通过DICT协议(RFC 2229)与dict server通讯获取查询结果，而dict.org 就提供这个服务（另外你也可以直接在网页上 http://www.dict.org 上面查词&#xff…...

编程日记 2025/1/29 10:58:19

wordpress常用技巧/武汉网站建设公司

51CTO学院软考组全体小班喊你刷题啦~~~~软考学员请关注群公告，小班已经发布公告通知。公告内有详细的模拟题刷题链接入口，点击进入进行模拟题刷题练习。查缺补漏，及时在群里交流学习心得，陈述疑惑。讲师、助教以及小班会及时为你…...

编程日记 2025/1/29 9:33:29

永川集团网站建设/直通车推广计划方案

练习1： 利用os模块编写一个能实现dir -l输出的程序(注意：dir /l是windows下命令) #!_*_coding:utf-8_*_ # Author: hkey import os, time base_dir input(enter your dir:) # 手动输入绝对目录 class file_total(object):获取文件及目录属性def __ini…...

编程日记 2025/1/29 7:45:42

多用户自助建站/百度拍照搜索

HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） …...

编程日记 2025/1/28 23:12:14

海口市网站开发/商务软文写作300字

http://blog.csdn.net/qiuchangyong/article/details/7495008 无符号数与有符号数比较 2012-04-24 19:30 2555人阅读评论(3) 收藏举报扩展先出几个题目，再解释一下为什么答案是那样的。题目一： int a -1; unsigned int b 1; printf("%d",…...

编程日记 2025/1/28 23:11:10

三字顺口公司名字/上海seo公司

我呆过的公司，要么是git，要么是svn来做代码版本管理工具，不过在我看来SVN用的还是比较多的。说实在的，git我也不会用，虽然道理差不多。今天来讲一讲SVN吧。抱歉，也没有去深挖、去追根究底这是怎么来&#x…...

编程日记 2025/1/28 21:37:32

相关文章：