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

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

news 2026/2/8 0:44:01

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

龙虎榜——20250610

上证指数放量收阴线，个股多数下跌，盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型，指数短线有调整的需求，大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的：御银股份、雄帝科技 驱动…...

编程新知 2026/2/7 5:06:52

【Linux】shell脚本忽略错误继续执行

在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。 举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...

编程新知 2025/9/11 15:27:32

系统设计 --- MongoDB亿级数据查询优化策略

系统设计 --- MongoDB亿级数据查询分表策略 背景Solution --- 分表 背景 使用audit log实现Audi Trail功能 Audit Trail范围: 六个月数据量: 每秒5-7条audi log，共计7千万 – 1亿条数据需要实现全文检索按照时间倒序因为license问题，不能使用ELK只能使用…...

编程新知 2026/1/4 3:47:09

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2026/1/29 3:35:37

Keil 中设置 STM32 Flash 和 RAM 地址详解

文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...

编程新知 2026/2/7 0:28:16

相机从app启动流程

一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下： 重点代码分析： 启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...

编程新知 2026/1/31 5:09:19

【论文阅读28】-CNN-BiLSTM-Attention-（2024）

本文把滑坡位移序列拆开、筛优质因子，再用 CNN-BiLSTM-Attention 来动态预测每个子序列，最后重构出总位移，预测效果超越传统模型。 文章目录 1 引言2 方法2.1 位移时间序列加性模型2.2 变分模态分解 (VMD) 具体步骤2.3.1 样本熵（S…...

编程新知 2026/2/2 3:06:53

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...

编程新知 2025/12/4 2:32:37

人机融合智能 | “人智交互”跨学科新领域

本文系统地提出基于“以人为中心AI(HCAI)”理念的人-人工智能交互(人智交互)这一跨学科新领域及框架,定义人智交互领域的理念、基本理论和关键问题、方法、开发流程和参与团队等,阐述提出人智交互新领域的意义。然后,提出人智交互研究的三种新范式取向以及它们的意义。最后,总结…...

编程新知 2026/1/25 13:33:35

【Redis】笔记｜第8节｜大厂高并发缓存架构实战与优化

缓存架构 代码结构 代码详情 功能点： 多级缓存，先查本地缓存，再查Redis，最后才查数据库热点数据重建逻辑使用分布式锁，二次查询更新缓存采用读写锁提升性能采用Redis的发布订阅机制通知所有实例更新本地缓存适用读多…...

编程新知 2026/1/26 3:45:28