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

VUE——IDEA 启动前端工程VS文件启动前端工程

news 2025/10/26 23:42:29

IDEA 启动前端

目录

  • 前言
  • 一、打开控制台
  • 二、输入npm install
  • 三、依赖下载完之后，输入npm run dev，运行前端项目
    • 1、IDEA启动前端工程
    • 2、文件目录启动前端工程
  • 四、点击http://localhost:8080
  • 后续敬请期待

前言

启动已有的vue前端项目

一、打开控制台

选中前端工程，右键，点价下图按钮
在这里插入图片描述

二、输入npm install

输入npm install 下载依赖

在这里插入图片描述

三、依赖下载完之后，输入npm run dev，运行前端项目

1、IDEA启动前端工程

在这里插入图片描述

2、文件目录启动前端工程

找到文件目录，在地址输入cmd，回车
在这里插入图片描述

输入npm run dev，回车即可

在这里插入图片描述

四、点击http://localhost:8080

运行成功之后，点击图中的 http://localhost:8080 即可访问启动的前端页面
在这里插入图片描述

后续敬请期待

相关文章：

VUE——IDEA 启动前端工程VS文件启动前端工程

IDEA 启动前端 目录 前言一、打开控制台二、输入npm install三、依赖下载完之后，输入npm run dev，运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程 四、点击http://localhost:8080后续敬请期待 前言 启动已有的vue前端项目 一、打开控制台 选…...

编程日记 2024/1/3 9:38:16

自动驾驶论文

文章目录 一、Convolutional Social Pooling for Vehicle Trajectory Prediction二、QCNet：Query-Centric Trajectory Prediction三、VectorNet: Encoding HD Maps and Agent Dynamics from Vectorized Representation 一、Convolutional Social Pooling for Vehicl…...

编程日记 2024/1/3 9:37:16

Java经典框架之SpringDataJPA

SpringDataJPA Java 是第一大编程语言和开发平台。它有助于企业降低成本、缩短开发周期、推动创新以及改善应用服务。如今全球有数百万开发人员运行着超过 51 亿个 Java 虚拟机，Java 仍是企业和开发人员的首选开发平台。 课程内容的介绍 1. Spring整合Hibernate 2…...

编程日记 2024/1/3 9:36:15

向爬虫而生---Redis 基石篇3 ＜拓展List＞

前言: 继上一篇向爬虫而生---Redis 基石篇2 ＜拓展Hash＞-CSDN博客​​​​​​.往下继续---挖一挖list 正文: 在Redis中，列表（List）是一个常用的数据结构，尤其在爬虫应用中。例如，可以用列表实现…...

编程日记 2024/1/3 9:30:09

CSS渲染性能优化

✨ 专栏介绍 HTML/CSS专栏合集是一个涵盖HTML和CSS两个方面的栏目。HTML是一种标记语言，用于创建网页的结构和内容，而CSS是一种样式表语言，用于控制网页的外观和布局。 在HTML/CSS专栏合集中，我们将深入探讨HTML和CSS的基础知识…...

编程日记 2024/1/3 9:29:08

【C++入门】类和对象（完）

前言 在谈论C时，常常会涉及到一些高级特性和概念，比如初始化列表、static成员、友元、内部类、匿名对象等。这些概念在C编程中起着非常重要的作用，对于想要深入了解C语言的开发者来说，掌握这些知识是至关重要的。本文，…...

编程日记 2024/1/3 9:28:07

webshell检测方式深度剖析 --- Pixy系列二（数据流分析）

开篇 书接上文，这次我们来聊聊数据流分析，数据流分析的内容非常广泛，我们力求深入浅出通俗易懂，在简短的篇幅内将这一概念描述清楚。 简单来说，数据流分析是一种用来获取相关数据沿着程序执行路径流动的信息分析技术…...

编程日记 2024/1/3 9:25:04

[DAU-FI Net开源 | Dual Attention UNet+特征融合+Sobel和Canny等算子解决语义分割痛点]

文章目录 概要I Introduction小结 概要 提出的架构，双注意力U-Net与特征融合（DAU-FI Net），解决了语义分割中的挑战，特别是在多类不平衡数据集上，这些数据集具有有限的样本。DAU-FI Net 整合了多尺度空间-通…...

编程日记 2024/1/3 9:22:01

使用Triton部署ONNX模型

介绍 适用于各种 AI 工作负载的推理：借助 NVIDIA Triton™，在任何处理器（GPU、CPU 或其他）上，对使用基于任何框架的，经过训练的机器学习模型或深度学习模型，进行推理部署。Triton 是 NVIDIA AI…...

编程日记 2024/1/3 9:19:59

Python访问ElasticSearch

ElasticSearch是广受欢迎的NoSQL数据库，其分布式架构提供了极佳的数据空间的水平扩展能力，同时保障了数据的可靠性；反向索引技术使得数据检索和查询速度非常快。更多功能参见官网介绍 https://www.elastic.co/cn/elasticsearch/ 下面简单罗列…...

编程日记 2024/1/3 9:18:58

Flutter 混合开发 - 动态下发 libflutter.so libapp.so

背景 最近在做包体积优化，在完成代码混淆、压缩，裁剪ndk支持架构，以及资源压缩（如图片转webp、mp3压缩等）后发现安装包的中占比较大的仍是 so 动态库依赖。 具体查看发现 libflutter.so 和 libapp.so 的体积是最大的&…...

编程日记 2024/1/3 9:13:54

Peter算法小课堂—动态规划

Peter推荐算法书：《算法导论》 图示： 目录 钢条切割 打字怪人 钢条切割 算法导论（第四版）第十四章第一节：钢条切割 题目描述： 给定一根长度为 n 英寸的钢条和一个价格表 ，其中 i1,2,…,n …...

编程日记 2024/1/3 9:11:52

2022–2023学年2021级计算机科学与技术专业数据库原理 （A）卷

一、单项选择题（每小题1.5分，共30分） 1、构成E—R模型的三个基本要素是（ B ）。 A．实体、属性值、关系 B．实体、属性、联系 C．实体、实体集、联系 D．实体、实体…...

编程日记 2024/1/3 9:10:51

Clojure 实战(4)：编写 Hadoop MapReduce 脚本

Hadoop简介 众所周知，我们已经进入了大数据时代，每天都有PB级的数据需要处理、分析，从中提取出有用的信息。Hadoop就是这一时代背景下的产物。它是Apache基金会下的开源项目，受Google两篇论文的启发，采用分布式的文件…...

编程日记 2024/1/3 9:09:50

Django 分页（表单）

目录 一、手动分页二、分页器分页 一、手动分页 1、概念 页码：很容易理解，就是一本书的页码每页数量：就是一本书中某一页中的内容（数据量，比如第二页有15行内容），这 15 就是该页的数据量 每一…...

编程日记 2024/1/3 9:05:46

socket实现视频通话-WebRTC

最近喜欢研究视频流，所以思考了双向通信socket，接下来我们就一起来看看本地如何实现双向视频通讯的功能吧~ 客户端获取视频流 首先思考如何获取视频流呢？ 其实跟录音的功能差不多，都是查询电脑上是否有媒体设备，如果…...

编程日记 2024/1/3 9:04:45

simulink代码生成（九）—— 串口显示数据（纸飞机联合调试）

纸飞机里面的协议是固定的，必须按照协议配置； （1）使用EasyHEX协议，测试int16数据类型 测试串口发出的数据是否符合？ 串口接收数据为： 打开纸飞机绘图侧： （1&#xff09…...

编程日记 2024/1/3 9:00:42

Mysql数据库（中）——增删改查的学习（全面，详细）

上一篇主要对查询操作进行了详细的总结，本篇主要对增删改操作以及一些常用的函数进行总结，包括流程控制等；以下的代码可以直接复制到数据库可视化软件中，便于理解和练习； 常用的操作： #函数： S…...

编程日记 2024/1/3 8:58:40

test dbtest-03-对比 Liquibase、flyway、dbDeploy、dbsetup

详细对比 Liquibase、flyway、dbDeploy、dbsetup，给出对比表格 下面是一个简要的对比表格，涵盖了 Liquibase、Flyway、dbDeploy 和 DbSetup 这四个数据库变更管理工具的一些主要特点。 特点/工具LiquibaseFlywaydbDeployDbSetup开发语言Java&#xff0…...

编程日记 2024/1/3 8:56:38

力导向图与矩阵排序

Graph-layout force directed（力导向图布局）是一种用于可视化网络图的布局算法。它基于物理模型，模拟了图中节点之间的相互排斥和连接弹性，以生成具有良好可读性和美观性的图形布局。 在力导向图布局中，每个节点被视为…...

编程日记 2024/1/3 8:52:35

IDEA运行Tomcat出现乱码问题解决汇总

最近正值期末周，有很多同学在写期末Java web作业时，运行tomcat出现乱码问题，经过多次解决与研究，我做了如下整理： 原因： IDEA本身编码与tomcat的编码与Windows编码不同导致，Windows 系统控制台…...

编程新知 2025/10/25 15:42:17

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

3.3.1_1 检错编码（奇偶校验码）

从这节课开始，我们会探讨数据链路层的差错控制功能，差错控制功能的主要目标是要发现并且解决一个帧内部的位错误，我们需要使用特殊的编码技术去发现帧内部的位错误，当我们发现位错误之后，通常来说有两种解决方案。第一…...

编程新知 2025/10/20 15:33:15

多场景 OkHttpClient 管理器 - Android 网络通信解决方案

下面是一个完整的 Android 实现&#xff0c;展示如何创建和管理多个 OkHttpClient 实例&#xff0c;分别用于长连接、普通 HTTP 请求和文件下载场景。 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas…...

编程新知 2025/9/30 14:27:04

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中&#xff0c;高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术&#xff0c;实现年省电费15%-60%&#xff0c;且不改动原有装备、安装快捷、…...

编程新知 2025/9/18 22:35:44

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui&#xff08;适配 Vue2 版本 &#xff09;实现截图中照片上传预览、删除功能&#xff0c;并封装成可复用组件的完整代码&#xff0c;包含样式和逻辑实现&#xff0c;可直接在 Vue2 项目中使用&#xff1a; 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2025/10/1 2:59:48

在Ubuntu中设置开机自动运行（sudo）指令的指南

在Ubuntu系统中&#xff0c;有时需要在系统启动时自动执行某些命令&#xff0c;特别是需要 sudo权限的指令。为了实现这一功能&#xff0c;可以使用多种方法&#xff0c;包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法&#xff0c;并提供…...

编程新知 2025/9/18 20:41:53

C++八股 —— 单例模式

文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念 线程安全&#xff08;Thread Safety&#xff09; 线程安全是指在多线程环境下&#xff0c;某个函数、类或代码片段能够被多个线程同时调用时&#xff0c;仍能保证数据的一致性和逻辑的正确性&#xf…...

编程新知 2025/10/13 7:34:19

C++.OpenGL （20/64）混合（Blending）

混合（Blending） 透明效果核心原理 #mermaid-svg-SWG0UzVfJms7Sm3e {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-icon{fill:#552222;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-text{fill…...

编程新知 2025/9/24 22:51:29

uniapp 小程序 学习（一）

利用Hbuilder 创建项目 运行到内置浏览器看效果 下载微信小程序 安装到Hbuilder 下载地址 &#xff1a;开发者工具默认安装 设置服务端口号 在Hbuilder中设置微信小程序 配置 找到运行设置&#xff0c;将微信开发者工具放入到Hbuilder中&#xff0c; 打开后出现 如下 bug 解…...

编程新知 2025/10/16 0:28:21