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

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

news 2026/2/7 13:41:39

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

【Python】 -- 趣味代码 - 小恐龙游戏

文章目录 文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架 这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...

编程新知 2026/1/31 13:59:37

基于距离变化能量开销动态调整的WSN低功耗拓扑控制开销算法matlab仿真

目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.算法仿真参数 5.算法理论概述 6.参考文献 7.完整程序 1.程序功能描述 通过动态调整节点通信的能量开销，平衡网络负载，延长WSN生命周期。具体通过建立基于距离的能量消耗模型&am…...

编程新知 2026/2/6 5:38:46

从WWDC看苹果产品发展的规律

WWDC 是苹果公司一年一度面向全球开发者的盛会，其主题演讲展现了苹果在产品设计、技术路线、用户体验和生态系统构建上的核心理念与演进脉络。我们借助 ChatGPT Deep Research 工具，对过去十年 WWDC 主题演讲内容进行了系统化分析，形成了这份…...

编程新知 2026/2/2 21:52:33

AtCoder 第409​场初级竞赛 A~E题解

A Conflict 【题目链接】 原题链接：A - Conflict 【考点】 枚举 【题目大意】 找到是否有两人都想要的物品。 【解析】 遍历两端字符串，只有在同时为 o 时输出 Yes 并结束程序，否则输出 No。 【难度】 GESP三级 【代码参考】 #i…...

编程新知 2025/12/16 4:45:38

渗透实战PortSwigger靶场-XSS Lab 14：大多数标签和属性被阻止

<script>标签被拦截 我们需要把全部可用的 tag 和 event 进行暴力破解 XSS cheat sheet&#xff1a; https://portswigger.net/web-security/cross-site-scripting/cheat-sheet 通过爆破发现body可以用 再把全部 events 放进去爆破 这些 event 全部可用 <body onres…...

编程新知 2026/1/24 13:05:24

376. Wiggle Subsequence

376. Wiggle Subsequence 代码 class Solution { public:int wiggleMaxLength(vector<int>& nums) {int n nums.size();int res 1;int prediff 0;int curdiff 0;for(int i 0;i < n-1;i){curdiff nums[i1] - nums[i];if( (prediff > 0 && curdif…...

编程新知 2026/1/26 1:54:23

Frozen-Flask ：将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是&#xff1a;将一个 Flask Web 应用生成成纯静态 HTML 文件&#xff0c;从而可以部署到静态网站托管服务上&#xff0c;如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

编程新知 2025/12/5 20:57:13

什么是EULA和DPA

文章目录 EULA&#xff08;End User License Agreement&#xff09;DPA&#xff08;Data Protection Agreement&#xff09;一、定义与背景二、核心内容三、法律效力与责任四、实际应用与意义 EULA&#xff08;End User License Agreement&#xff09; 定义&#xff1a; EULA即…...

编程新知 2025/10/18 7:13:10

【服务器压力测试】本地PC电脑作为服务器运行时出现卡顿和资源紧张（Windows/Linux）

要让本地PC电脑作为服务器运行时出现卡顿和资源紧张的情况&#xff0c;可以通过以下几种方式模拟或触发&#xff1a; 1. 增加CPU负载 运行大量计算密集型任务&#xff0c;例如&#xff1a; 使用多线程循环执行复杂计算&#xff08;如数学运算、加密解密等&#xff09;。运行图…...

编程新知 2025/11/30 10:30:15

AI书签管理工具开发全记录（十九）：嵌入资源处理

1.前言 &#x1f4dd; 在上一篇文章中&#xff0c;我们完成了书签的导入导出功能。本篇文章我们研究如何处理嵌入资源&#xff0c;方便后续将资源打包到一个可执行文件中。 2.embed介绍 &#x1f3af; Go 1.16 引入了革命性的 embed 包&#xff0c;彻底改变了静态资源管理的…...

编程新知 2026/1/30 16:24:23