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

Vue-3-前端框架Vue基础入门之VSCode开发环境配置和Tomcat部署Vue项目

article 2025/6/8 3:46:03

文章目录

  • 1 安装配置VSCode
    • 1.1 安装中文语言插件
    • 1.2 主题颜色
    • 1.3 禁用自动更新
    • 1.4 开启代码提示设置
    • 1.5 安装open in browser插件
  • 2 安装配置nodejs
    • 2.1 配置环境变量
    • 2.2 npm与maven的区别
    • 2.3 使用npm避坑
  • 3 创建Vue项目
    • 3.1 两种创建方式
    • 3.2 package.json
    • 3.3 安装新的依赖
    • 3.4 运行项目
    • 3.5 指定端口
    • 3.6 项目打包
    • 3.7 Debug方法
    • 3.8 Tomcat部署vue项目
  • 4 参考附录

安装配置VSCode、node.js、创建Vue项目、并使用Tomcat部署Vue项目。

1 安装配置VSCode

Visual Studio Code（简称 VSCode） 是由微软开发并开源的一款轻量级、跨平台、功能强大的代码编辑器，支持多种编程语言，并且拥有丰富的插件生态系统。它不仅是一个代码编辑器，还可以通过插件扩展为一个完整的集成开发环境（IDE），适用于前端开发（如 Vue、React）、后端开发（如 Node.js、Python）、数据库管理等多种用途。

前端开发的IDE：VsCode或者WebStorm。
安装目录D:\Program Files\Microsoft VS Code。

1.1 安装中文语言插件

(1)选择插件模块，在搜索栏输入chinese，搜索中文语言插件。
(2)选中chinese插件，安装完毕后，关闭软件重新打开即可。
(3)配置选择中文,Ctrl+Shift+P。
在这里插入图片描述

1.2 主

相关文章：

Vue-3-前端框架Vue基础入门之VSCode开发环境配置和Tomcat部署Vue项目

文章目录 1 安装配置VSCode1.1 安装中文语言插件1.2 主题颜色1.3 禁用自动更新1.4 开启代码提示设置1.5 安装open in browser插件2 安装配置nodejs2.1 配置环境变量2.2 npm与maven的区别2.3 使用npm避坑3 创建Vue项目3.1 两种创建方式3.2 package.json3.3 安装新的依赖3.4 运行…...

编程日记 2025/6/8 3:46:03

动态IP与静态IP：数字世界的“变脸术”与“身份证”

目录 动态IP：互联网的“游牧民族” 静态IP：数字世界的“常驻公民” 动态VS静态：场景驱动的选择逻辑 未来演进：IP地址的“液态化”趋势 选型指南：没有最好，只有最合适 在互联网的海洋里，每个…...

编程日记 2025/6/8 3:44:21

“一代更比一代强”：现代 RAG 架构的演进之路

编者按： 我们今天为大家带来的文章，作者的观点是：RAG 技术的演进是一个从简单到复杂、从 Naive 到 Agentic 的系统性优化过程，每一次优化都是在试图解决无数企业落地大语言模型应用时出现的痛点问题。 文章首先剖析 Naive RAG 的基…...

编程日记 2025/6/8 3:42:30

My图床项目

引言: 在海量文件存储中尤其是小文件我们通常会用上fastdfs对数据进行高效存储,在现实生产中fastdfs通常用于图片,文档,音频等中小文件。 一.项目中用到的基础组件(Base) 1.网络库(muduo) 我们就以muduo网络库为例子讲解IO多路复用和reactor网络模型 1.1 IO多路复用 我们可以…...

编程日记 2025/6/8 3:40:18

SpringBoot3项目架构设计与模块解析

一、项目概述 这是一个基于SpringBoot3构建的企业级后台管理系统，从项目结构来看，系统采用了经典的分层架构设计，包含完整的控制器层、服务层、数据访问层和实体层。项目整合了Web开发、数据库访问、权限控制等核心功能模块。 二、项目整体…...

编程日记 2025/6/8 3:39:14

C#文件压缩与解压缩全攻略：使用ZipFile与ZipArchive实现高效操作

C#文件压缩与解压缩全攻略：使用ZipFile与ZipArchive实现高效操作 在.NET 开发中，文件压缩与解压缩是常见的需求。无论是减少存储空间、加速网络传输，还是实现数据备份，System.IO.Compression命名空间都提供了强大的工具。本文将结…...

编程日记 2025/6/8 3:38:11

1、Go语言基础中的基础

摘要：马士兵教育的Go语言基础的视频笔记。 第一章：走进Golang 1.1、Go的SDK介绍 1.2、Go的项目基本目录结构 1.3、HelloWorld 1.4、编译 1.5、执行 1.6、一步到位 1.7、执行流程分析 1.8、语法注意事项 （1）源文件以"go&qu…...

编程日记 2025/6/8 3:37:03

Go语言基础知识总结（超详细整理）

1. Go语言简介 Go语言（又称Golang）是Google于2009年发布的开源编程语言，具备简洁、高效、并发等特点，适合服务器开发、云计算、大数据等场景。 2. 环境安装与配置 下载地址：https://golang.org/dl/安装后配置环境变量…...

编程日记 2025/6/8 3:35:55

buuctf——web刷题第二页

[网鼎杯 2018]Fakebook和[SWPU2019]Web1没有，共30题 目录 [BSidesCF 2020]Had a bad day [网鼎杯 2020 朱雀组]phpweb [BJDCTF2020]The mystery of ip [BUUCTF 2018]Online Tool [GXYCTF2019]禁止套娃 [GWCTF 2019]我有一个数据库 [CISCN2019 华北赛区 Day2…...

编程日记 2025/6/8 3:34:53

MVC与MVP设计模式对比详解

MVC（Model-View-Controller）和MVP（Model-View-Presenter）是两种广泛使用的分层架构模式，核心目标是解耦业务逻辑、数据和界面，提升代码可维护性和可测试性。以下是它们的对比详解： MVC 模式&…...

编程日记 2025/6/8 3:33:51

内嵌式mqtt server

添加moquette依赖 <dependency><groupId>io.moquette</groupId><artifactId>moquette-broker</artifactId><version>0.17</version><exclusions><exclusion><groupId>org.slf4j</groupId><artifactId>…...

编程日记 2025/6/8 3:32:48

二叉树的遍历总结

144.二叉树的前序遍历(opens new window)145.二叉树的后序遍历(opens new window)94.二叉树的中序遍历 二叉数的先中后序统一遍历法 public static void preOrder(BiTree root){BiTree p root;LinkedList<BiTree> stack new LinkedList<>();while(p ! null ||…...

编程日记 2025/6/8 3:31:46

win32相关（远程线程和远程线程注入）

远程线程和远程线程注入 CreateRemoteThread函数 作用&#xff1a;创建在另一个进程的虚拟地址空间中运行的线程 HANDLE CreateRemoteThread([in] HANDLE hProcess, // 需要在哪个进程中创建线程[in] LPSECURITY_ATTRIBUTES lpThreadAttributes, // 安全…...

编程日记 2025/6/8 3:30:43

【Go语言基础【5】】Go module概述：项目与依赖管理

文章目录 一、Go Module 概述二、Go Module 核心特性1. 项目结构2. 依赖查找机制 三、如何启用 Go Module四、创建 Go Module 项目五、Go Module 关键命令 一、Go Module 概述 Go Module 是 Go 1.11 版本&#xff08;2018 年 8 月&#xff09;引入的依赖管理系统&#xff0c;用…...

编程日记 2025/6/8 3:29:37

[Spring]-AOP

AOP场景 AOP: Aspect Oriented Programming (面向切面编程) OOP: Object Oriented Programming (面向对象编程) 场景设计 设计: 编写一个计算器接口和实现类&#xff0c;提供加减乘除四则运算 需求: 在加减乘除运算的时候需要记录操作日志(运算前参数、运算后结果)实现方案:…...

编程日记 2025/6/8 3:28:35

agent 开发

什么是 agent&#xff1f; Agent智能体&#xff08;又称AI Agent&#xff09;是一种具备自主感知、决策与行动能力的智能系统&#xff0c;其核心在于模仿人类的认知过程来处理复杂任务。以下是其关键特性和发展现状的综合分析&#xff1a; 一、核心定义与特征 #‌## 自主决策…...

编程日记 2025/6/8 3:26:16

多系统一键打包docker compose下所有镜像并且使用

本方法适合在已经pull好docker镜像正常使用的机器 将环境迁移到无网络 或者网络不好的机器使用 linux 用法 cd 到 docker-compose.yml 所在目录 ./save_compose_images.sh #!/bin/bash # 拉取镜像并保存为 .tar 文件 docker save $(docker-compose images | awk {print…...

编程日记 2025/6/8 3:25:06

Golang——5、函数详解、time包及日期函数

函数详解、time包及日期函数 1、函数1.1、函数定义1.2、函数参数1.3、函数返回值1.4、函数类型与变量1.5、函数作参数和返回值1.6、匿名函数、函数递归和闭包1.7、defer语句1.8、panic和recover 2、time包以及日期函数2.1、time.Now()获取当前时间2.2、Format方法格式化输出日期…...

编程日记 2025/6/8 3:24:01

【HarmonyOS 5】出行导航开发实践介绍以及详细案例

以下是 ‌HarmonyOS 5‌ 出行导航的核心能力详解&#xff08;无代码版&#xff09;&#xff0c;聚焦智能交互、多端协同与场景化创新&#xff1a; 一、交互革新&#xff1a;从被动响应到主动服务 ‌意图驱动导航‌ ‌自然语义理解‌&#xff1a;用户通过语音指令&#xff08;如…...

编程日记 2025/6/8 3:22:57

深度学习环境配置指南：基于Anaconda与PyCharm的全流程操作

一、环境搭建前的准备 1. 查看基础环境位置 conda env list 操作说明&#xff1a;通过该命令确认Anaconda默认环境&#xff08;base&#xff09;所在磁盘路径&#xff08;如D盘&#xff09;&#xff0c;后续操作需跳转至该磁盘根目录。 二、创建与激活独立虚拟环境 1. 创…...

编程日记 2025/6/8 3:21:55

03 Deep learning神经网络的编程基础 代价函数（Cost function）--吴恩达

深度学习中的损失函数（Cost Function）用于量化模型预测与真实数据的差距，是优化神经网络的核心指标。以下是常见类型及数学表达： 核心原理 逻辑回归通过sigmoid函数将线性预测结果转换为概率： y ^ ( i ) \hat{y}^{(i)}...

编程日记 2025/6/8 3:20:49

打卡day46

知识点回顾&#xff1a; 不同CNN层的特征图&#xff1a;不同通道的特征图什么是注意力&#xff1a;注意力家族&#xff0c;类似于动物园&#xff0c;都是不同的模块&#xff0c;好不好试了才知道。通道注意力&#xff1a;模型的定义和插入的位置通道注意力后的特征图和热力图 内…...

编程日记 2025/6/8 3:19:45

在SpringBoot中使用AWS SDK实现邮箱验证码服务

1.依赖导入&#xff08;maven&#xff09; <dependency><groupId>software.amazon.awssdk</groupId><artifactId>ses</artifactId><version>2.31.46</version></dependency> 2.申请两个key 发件人邮箱需要验证&#xff1a; …...

编程日记 2025/6/8 3:18:43

AndroidR车机TextToSpeech音频焦点异常问题分析

一、引言 文章《Android车机之TextToSpeech》介绍了TextToSpeech的使用，当前较多座舱系统语音服务都接入了原生TextToSpeech接口调用。 我司自研语音TTS服务，也接入了此TTS接口调用，对外提供TextToSpeech能力，播报时由客户端Client自行管理音频焦点，播报前申请音频焦点，…...

编程日记 2025/6/8 3:17:42

ArcGIS Maps SDK for JavaScript：使用图层过滤器只显示FeatureLayer的部分要素

文章目录 引言1 需求场景分析2精确过滤实现方案2.1 基础过滤语法2.2 动态过滤实现 3 模糊查询进阶技巧3.1 LIKE操作符使用3.2 特殊字段处理 4. 性能优化与注意事项4.1 服务端vs客户端过滤4.2 最佳实践建议 5 常见问题解答 引言 在地图应用开发中&#xff0c;图层过滤是常见的需…...

编程日记 2025/6/8 3:16:39

深入理解二叉搜索树：原理到实践

1.二叉搜索树的概念 ⼆叉搜索树⼜称⼆叉排序树&#xff0c;它或者是⼀棵空树&#xff0c;或者是具有以下性质的⼆叉树 若它的左树不为空&#xff0c;则左子树上所有节点的值都小于或等于根节点的值。若它的右树不为空&#xff0c;则右子树上所有节点的值都大于或等于根节点的…...

编程日记 2025/6/8 3:15:37

测试W5500的第11步_使用ARP解析IP地址对应的MAC地址

本文介绍了基于W5500芯片的ARP协议实现方法&#xff0c;详细阐述了ARP请求与回复的工作机制。ARP协议通过广播请求和单播回复实现IP地址与MAC地址的映射&#xff0c;确保局域网设备间的可靠通信。文章提供了完整的STM32F10x开发环境下的代码实现&#xff0c;包括网络初始化、SP…...

编程日记 2025/6/8 3:14:35

终极数据结构详解：从理论到实践

终极数据结构详解&#xff1a;从理论到实践 我将从 底层原理、时间复杂度、空间优化、实际应用 和 代码实现 五个维度&#xff0c;彻底解析数据结构。内容涵盖&#xff1a; 线性结构&#xff08;数组、链表、栈、队列&#xff09;非线性结构&#xff08;树、图&#xff09;高…...

编程日记 2025/6/8 3:13:33

STM32实战： CAN总线数据记录仪设计方案

以下是基于STM32的CAN总线数据记录仪/转发器的设计与实现方案&#xff0c;结合了核心功能和进阶需求&#xff1a; 系统架构 graph TBA[CAN总线] -->|CAN_H/CAN_L| B(STM32 bxCAN)B --> C[数据处理核心]C --> D[SD卡存储<br>FATFS文件系统]C --> E[串口输出…...

编程日记 2025/6/8 3:11:16

【k8s】k8s集群搭建

k8s集群搭建 一、环境准备1.1 集群类型1.2 安装方式1.3 主机规划1.4 环境配置1.4.1 说明1.4.2 初始化1.4.3 关闭防火墙和禁止防火墙开机启动1.4.4 设置主机名1.4.5 主机名解析1.4.6 时间同步1.4.7 关闭selinux1.4.8 关闭swap分区1.4.9 将桥接的IPv4流量传递到iptables的链1.4.1…...

编程日记 2025/6/8 3:10:10