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

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

news 2026/3/27 18:21:40

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

Vue 2 中文文档：跨越语言鸿沟的技术民主化之旅

Vue 2 中文文档：跨越语言鸿沟的技术民主化之旅 【免费下载链接】v2.cn.vuejs.org 🇨🇳 Chinese translation for v2.vuejs.org 项目地址: https://gitcode.com/gh_mirrors/v2c/v2.cn.vuejs.org 你是否曾因语言障碍而错失了优秀技术框架…...

编程新知 2026/3/27 17:27:57

洛谷 P1507：NASA的食物计划 ← 二维费用0/1背包问题

【题目来源】 https://www.luogu.com.cn/problem/P1507 【题目背景】 NASA（美国航空航天局）因为航天飞机的隔热瓦等其他安全技术问题一直大伤脑筋，因此在各方压力下终止了航天飞机的历史，但是此类事情会不会在以后发生&#xff0…...

编程新知 2026/3/27 17:11:49

FOC算法避坑指南：克拉克变换的‘等幅值’与‘等功率’到底怎么选？基于STM32的实测对比

FOC算法避坑指南：克拉克变换的‘等幅值’与‘等功率’到底怎么选？基于STM32的实测对比 在STM32平台上实现磁场定向控制（FOC）时，克拉克变换系数的选择往往让工程师陷入两难：究竟该用2/3（等幅值&…...

编程新知 2026/3/27 15:55:16

LFM2.5-1.2B-Thinking-GGUF部署指南：ss端口监听+curl health检测标准化运维流程

LFM2.5-1.2B-Thinking-GGUF部署指南：ss端口监听curl health检测标准化运维流程 1. 平台简介 LFM2.5-1.2B-Thinking-GGUF是Liquid AI推出的轻量级文本生成模型，特别适合在资源有限的环境中快速部署和使用。这个镜像内置了GGUF模型文件和llama.cpp运行时…...

编程新知 2026/3/27 15:45:03

3步打造极速安全系统：AtlasOS开源优化方案全解析

3步打造极速安全系统：AtlasOS开源优化方案全解析 【免费下载链接】Atlas 🚀 An open and lightweight modification to Windows, designed to optimize performance, privacy and security. 项目地址: https://gitcode.com/GitHub_Trending/atlas1/Atl…...

编程新知 2026/3/27 15:24:56

RevokeMsgPatcher 2.1 终极指南：Windows平台微信QQ消息防撤回实战解决方案

RevokeMsgPatcher 2.1 终极指南：Windows平台微信QQ消息防撤回实战解决方案 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁（我已经看到了，撤回也没用了） 项目地址:…...

编程新知 2026/3/27 15:06:50

IntelliJ IDEA终极教程：从零基础到高效开发的完整指南

IntelliJ IDEA终极教程：从零基础到高效开发的完整指南 【免费下载链接】IntelliJ-IDEA-Tutorial IntelliJ IDEA 简体中文专题教程 项目地址: https://gitcode.com/gh_mirrors/in/IntelliJ-IDEA-Tutorial IntelliJ IDEA 是目前所有 IDE 中最具备沉浸式的 JVM …...

编程新知 2026/3/27 12:54:53

Eye-in-Hand还是Eye-to-Hand？深入解读OpenCV手眼标定背后的四种经典算法（Tsai, Park, Horaud）

Eye-in-Hand还是Eye-to-Hand？深入解读OpenCV手眼标定背后的四种经典算法 在工业机器人视觉引导系统中，相机与机械臂的精确标定直接决定了整个系统的定位精度。当工程师第一次调用OpenCV的calibrateHandEye()函数时，面对CALIB_HAND_EYE_TSAI、…...

编程新知 2026/3/27 12:02:21

SGP30传感器数据不准？可能是你的I2C时序和初始化搞错了（避坑指南）

SGP30传感器数据异常排查指南：从硬件设计到软件调试的完整解决方案 1. 硬件设计中的常见陷阱与优化方案 SGP30作为一款高精度环境传感器，其硬件设计细节直接影响数据可靠性。许多开发者遇到的首要问题往往源于电路设计阶段被忽视的关键参数。 电源稳定性…...

编程新知 2026/3/27 11:44:08

Claude Code智能测试生成：5步构建企业级自动化测试体系

Claude Code智能测试生成：5步构建企业级自动化测试体系 【免费下载链接】claude-code Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining comple…...

编程新知 2026/3/27 11:29:59