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

Vue3-01-创建项目

news 2026/3/27 4:34:27

环境准备

1.需要用到 16.0 以及更高版本的 node.js
2.使用vscode编辑器进行项目开发可以在命令行中查看node的版本号:
node -v

在这里插入图片描述

创建项目

1.准备一个目录

例如，我创建项目的时候是在该目录下进行的;D:\projectsTest\vue3project

2.执行创建命令（*）

npm create vue@latest

在这里插入图片描述

3.使用vscode打开创建的项目

项目刚创建完成后的目录结构如下：
此时只有基本的文件，并没有node_modules 目录，因此，文件中导入依赖会提示错误！

在这里插入图片描述

4.安装依赖

# 进入到项目目录下,执行安装命令
npm install

在这里插入图片描述

5.安装完成之后的目录

新安装的依赖会存放到 node_modules 目录下，
并且文件中导入的依赖也不会提示报错了

在这里插入图片描述

6.一个奇怪的问题

如果 创建完成之后，tsconfig.node.json 文件中提示下面的异常：Cannot find type definition file for 'node'.
The file is in the program because:
Entry point for implicit type library 'node'我感觉这是vscode 的一个bug，重新打开一下项目就会好了，或者随便编辑一下，然后保存保存，
错误提示就会消失。

启动项目

1.启动项目并访问一下试试

在项目目录下执行命令：
npm run dev在浏览器中访问即可查看到访问的页面。

在这里插入图片描述

2.启动命令为什么是 npm run dev

这个问题很简单，这个启动命令，是在项目的 package.json 文件中配置的。
配置内容如下：

在这里插入图片描述

至此，vue3 创建最基本的项目就完成了

Vue3-01-创建项目

环境准备 1.需要用到 16.0 以及更高版本的 node.js 2.使用vscode编辑器进行项目开发可以在命令行中查看node的版本号: node -v创建项目 1.准备一个目录例如，我创建项目的时候是在该目录下进行的;D:\projectsTest\vue3project2.执行创建命令（*&#x…...

编程日记 2023/12/9 9:23:34

Go 语言中的反射机制

欢迎大家到我的博客浏览，更好的阅读体验请点击反射 | YinKais Blog 反射在大多数的应用和服务中并不常见，但是很多框架都依赖 Go 语言的反射机制简化代码。因为 Go 语言的语法元素很少、设计简单，所以它没有特别强的表达能…...

编程日记 2023/12/9 9:21:32

[leetcode 前缀和]

525. 连续数组 M :::details 给定一个二进制数组 nums , 找到含有相同数量的 0 和 1 的最长连续子数组，并返回该子数组的长度。示例 1: 输入: nums [0,1] 输出: 2 说明: [0, 1] 是具有相同数量 0 和 1 的最长连续子数组。示例 2: 输入: nums [0,1,0] 输出: …...

编程日记 2023/12/9 9:20:31

Python与ArcGIS系列（十五）根据距离抓取字段

目录 0 简述1 实例需求2 arcpy开发脚本0 简述在处理gis数据的时候，会遇到这种需求：将一个图层与另一个图层中相近的要素进行字段赋值。本篇将介绍如何利用arcpy及arcgis的工具箱实现这个功能。 1 实例需求为了介绍这个功能的实现，我们需要有一个特定的功能需求。在这里选…...

编程日记 2023/12/9 9:17:29

YOLOv8分割训练及分割半自动标注

YOLOv8是基于目标检测算法YOLOv5的改进版，它在YOLOv5的基础上进行了优化和改进，加入了一些新的特性和技术，如切片注意力机制、骨干网络的选择等。本文以yolov8-seg为基准，主要整理分割训练流程及使用v8分割模型进行半自动标注的过程。一、v8-seg训练 1.1 环境配置 github…...

编程日记 2023/12/9 9:15:27

jsp页面通过class或者id获取a标签上的属性的值

要通过class和id两种方式获取a标签上的某个属性的值，或者给其赋值，可以使用JavaScript。以下是两种方法的示例： <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name&q…...

编程日记 2023/12/9 9:13:25

题目：美丽的区间（蓝桥OJ 1372）

题目描述： 解题思路： 采用双指针的快慢指针。图解可以采用前缀和，但会相较麻烦。题解： #include<bits/stdc.h> using namespace std;const int N 1e5 9; int a[N];// 因为是连续区间（连续区间&#xff1…...

编程日记 2023/12/9 9:08:22

解决：During handling of the above exception, another exception occurred

解决：During handling of the above exception, another exception occurred 文章目录解决：During handling of the above exception, another exception occurred背景报错问题报错翻译报错位置代码报错原因解决方法参考内容：今天的分享就到…...

编程日记 2023/12/9 9:07:20

计算机基础知识65

cookie和session的使用 # 概念：cookie 是客户端浏览器上的键值对 # 目的：为了做会话保持 # 来源：服务端写入的，服务端再返回的响应头中写入，浏览器会自动取出来存起来是以key value 形式，有过期时间、path…...

编程日记 2023/12/9 9:05:18

Python开发运维：Python垃圾回收机制

目录一、理论 1.Python垃圾回收机制一、理论 1.Python垃圾回收机制 （1）引⽤计数器 1）环状双向链表 refchain 在python程序中创建的任何对象都会放在refchain链表中。 name "david" age 20 hobby ["篮球",游泳…...

编程日记 2023/12/9 9:01:15

ros2/ros安装ros-dep||rosdep init错误

第一个错误的做法： sudo apt-get install python3-pip sudo pip3 install 6-rosdep sudo 6-rosdep 如果使用上述代码将会摧毁整个系统，不重装系统反正我是搞不定啊，因为我不知道那个写软件的人到底做了什么。因为这个我安装的版本是humble&…...

编程日记 2023/12/9 8:59:13

《深入理解计算机系统》学习笔记 - 第四课 - 机器级别的程序

Lecture 05 Machine Level Programming I Basics 机器级别的程序文章目录 Lecture 05 Machine Level Programming I Basics 机器级别的程序intel 处理器的历史和体系结构芯片的构成AMD 公司(Advanced Micro Devices，先进的微型设备) C, 汇编, 机器代码定义汇编/机器…...

编程日记 2023/12/9 8:53:08

云原生（Cloud Native）——概念，技术，背景，优缺点，实践例子

云原生（Cloud Native）是一种构建和运行应用程序的方法，这些应用程序充分利用云计算的优势。云原生应用程序通常设计为在现代、动态的环境中运行，如公共云、私有云和混合云。这种方法强调微服务架构、容器化、自动化、易于管理和可…...

编程日记 2023/12/9 8:48:03

ElasticSearch之线程池

ElasticSearch节点可用的CPU核的数量，通常可以交给ElasticSearch来自行检测和判定，另外可以在elasticsearch.yml中显式指定。样例如下： node.processors: 2如下表格中的processors即CPU核的数量。线程池的列表线程池名称类型线程数量队列…...

编程日记 2023/12/9 8:46:02

StoneDB-8.0-V2.2.0 企业版正式发布！性能优化，稳定性提升，持续公测中！

11月，StoneDB 新版本如期而至，这一个月来我们的研发同学加班加点，持续迭代：在 2.2.0 版本中，我们针对用户提出的需求和做出了重量级更新，修复了一些已知和用户反馈的 Bug，同时对部分代码进行…...

编程日记 2023/12/9 8:39:57

【数据结构 — 排序 — 插入排序】

数据结构 — 排序 — 插入排序一.排序1.1.排序的概念及其运用1.1.1排序的概念1.1.2排序运用1.1.3 常见的排序算法二.插入排序2.1.直接插入排序2.1.1.算法讲解2.1.2.代码实现2.1.2.1.函数定义2.1.2.2.算法接口实现2.1.2.3.测试代码实现2.1.2.4.测试展示 2.2.希尔排序2.2.1.算法…...

编程日记 2023/12/9 8:36:55

物联网后端个人第十四周总结

物联网方面进度 1.登陆超时是因为后端运行的端口和前端监听的接口不一样，所以后端也没有报错，将二者修改一致即可 2.登录之后会进行平台的初始化，但是初始化的时候会卡住,此时只需要将路径的IP端口后边的内容去掉即可 3.阅读并完成了jetlinks…...

编程日记 2023/12/9 8:34:53

在uniapp中，可以使用那些预定义的样式类

u-flex：设置元素为弹性布局。u-flex-v：设置元素为纵向弹性布局。u-flex-h：设置元素为横向弹性布局。u-p-10：设置元素的上下左右边距为10rpx。u-p-t-10：设置元素的上边距为10rpx。u-p-b-10：设置元素的下边距…...

编程日记 2023/12/9 8:32:51

mybatis的数据库连接池

直接看原文原文链接:【MyBatis】连接池技术_mybatis自带连接池-CSDN博客本文先不说springBoot整合mybatis后的本文讲的是没有被springBoot整合前的mybatis自己的默认的连接池 --------------------------------------------------------------------------------------…...

编程日记 2023/12/9 8:31:50

Vue 的 el-select 下拉选项中，只有当文字超出时才显示提示框，未超出的则不显示

Vue 的 el-select 下拉选项中，只有当文字超出时才显示提示框，未超出的则不显示 <template><div><el-select v-model"selected" placeholder"请选择"><el-optionv-for"item in options":key"it…...

编程日记 2023/12/9 8:30:49

Mojo+Python混合项目部署失败全记录（含完整错误日志溯源与跨运行时调试手册）

第一章：MojoPython混合项目部署失败全记录（含完整错误日志溯源与跨运行时调试手册）在将 Mojo 模块嵌入 Python 3.11 环境的 CI/CD 流水线中，首次构建即触发运行时崩溃。核心现象为 mojo_runtime_init() 在 Python 进程内调用后立即…...

编程新知 2026/3/27 4:23:50

OpenClaw对接GLM-4.7-Flash：模型版本管理指南

OpenClaw对接GLM-4.7-Flash：模型版本管理指南 1. 为什么需要关注模型版本管理上周我在调试一个自动化文档处理流程时，遇到了一个奇怪的现象：同样的OpenClaw脚本，前一天还能完美运行的文档摘要功能，第二天突然开始输…...

编程新知 2026/3/27 3:31:07

SOLIDWORKS Simulation实战：带孔矩形板拓扑优化全流程解析（附避坑指南）

SOLIDWORKS Simulation实战：带孔矩形板拓扑优化全流程解析（附避坑指南） 在机械设计领域，轻量化与结构强度往往是一对矛盾体。如何在保证零件功能的前提下最大限度减少材料使用？拓扑优化技术给出了完美答案。作为SOLIDW…...

编程新知 2026/3/27 3:15:02

告别重复造轮子，用快马AI一键生成高复用登录组件提升效率

在开发官网登录入口时，我们常常需要重复处理用户认证、表单验证、状态管理等基础逻辑。这些工作虽然不复杂，但每次从零开始确实会消耗不少时间。最近我发现用InsCode(快马)平台可以快速生成高质量的登录组件，大大提升了开发效率。组件功能设…...

编程新知 2026/3/27 2:08:41

DFS经典例题（八皇后，数独）

1.1P1036 [NOIP 2002 普及组] 选数解题思路这里是组合思想与元素的排序无关，列举出所有符合的组合再判断是否符合素数代码 #include<iostream> using namespace std; const int N 21; int a[N]; int path; int ret; int n, m;bool is(int path) {if (pa…...

编程新知 2026/3/27 1:30:21