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

已于 2024-01-01 07:27:29 修改
阅读量5.2k 收藏 24
点赞数 22
文章标签： 前端 vue.js javascript idea
于 2023-12-30 08:03:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenjianghhua/article/details/135075669
版权

IDEA 启动前端

目录

前言

启动已有的vue前端项目

一、打开控制台

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

二、输入npm install

输入npm install 下载依赖

在这里插入图片描述

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

1、IDEA启动前端工程

在这里插入图片描述

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

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

输入npm run dev，回车即可

在这里插入图片描述

四、点击http://localhost:8080

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

后续敬请期待

千Deng
关注
idea vue.js插件
04-02
Vue.js 是一款流行的前端JavaScript框架，它以简洁的API、高效的数据绑定和组件化开发而闻名。在IntelliJ IDEA（简称Idea）这个强大的Java IDE中，Vue.js的开发支持可以通过安装Vue.js插件来实现。然而，在线安装Vue...
IDEA配置npm快捷启动项目
weixin_45612055的博客
05-10 5561
这里以若依项目为例：平常的话我们是每次启动前端项目都需要在Terminal输入npm run dev这样子每次都输入就比较麻烦，为了简单。可以对这个命令进行配置。
零基础如何使用IDEA启动前后端分离中的前端项目（Vue）？
程序源的博客
08-24 9353
零基础如何使用IDEA启动前后端分离中的前端项目（Vue）？
Vue3 搭建前端工程，并使用idea配置项目启动
最新发布
2301_76144723的博客
08-08 1210
Vue3 搭建前端工程，并使用idea配置项目启动
运行Vue项目
一位不想写代码偏偏还在挣扎的万年小白
03-20 8274
1、Node.js官网地址：https://nodejs.cn/download/下载后运行msi进行安装，可以修改安装位置。2.查看是否安装成功node -v 显示安装的nodejs版本npm -v 显示安装的npm版本3.为了将全模块所在路径和缓存路径放在node.js安装的文件夹中，在nodejs安装目录下创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹。
IDEA启动VUE前端项目
东风麦芽糖
07-23 1万+
win10安装node.js idea配置node.js idea启动前端VUE项目 vue项目启动打包
idea启动vue项目
qq_42376171的博客
05-05 1万+
idea启动vue项目 因为之前用惯了idea，然后启动前端项目，也想使用idea，就探索了一下 用idea打开vue项目 有以下几个步骤 1）给idea安装vue的插件 2）给vue项目安装依赖 3）添加自启动便捷方式 1）给idea安装vue的插件（已有vue插件的，可跳过此步骤） file–>settings–>plugins 搜索vue，点击安装上，会提示重启idea，重启就行了。 2）给vue项目安装依赖 点击idea，下方的Terminal，输入npm install，给项目安装
前后端入门：用idea运行一个前后端web项目（开源源码＋配置教程）
m0_74249400的博客
03-31 7465
运行一个前后端项目的初体验
7——上课打卡系统（idea版本）.zip
12-27
综上所述，这个"7——上课打卡系统（idea版本）"项目是一个基于Java的Web应用，利用IntelliJ IDEA进行开发，涉及数据库管理和前端交互。具体实现可能包括使用Spring框架处理后端逻辑，与db_sign.sql中的数据库进行...
SpringBoot+mybatis-plus+VUE民宿管理系统后台-毕业设计
08-08
SpringBoot+mybatis-plus+VUE民宿管理系统后台-毕业设计 ...———————————————— 版权声明：本文为CSDN博主「项目花园范德彪」的原创文章， https://blog.csdn.net/dearmite/article/details/132137913
idea和webstorm.rar
12-16
标题中的“idea和webstorm.rar”指的是两款广受欢迎的集成开发环境（IDEs）——IntelliJ IDEA和WebStorm的压缩包文件。这个压缩包可能是为了方便用户快速下载和安装这两款工具，避免官方下载速度慢的问题。 ...
Java毕业设计——基于vue的在线问卷网站设计与实现（源码+数据库）.7z
09-29
这个压缩包文件“Java毕业设计——基于vue的在线问卷网站设计与实现（源码+数据库）.7z”包含了一整个基于Java和Vue技术栈的毕业设计项目，它是一个在线问卷调查系统的实现。这个系统允许用户创建、发布和收集问卷...
IDEA启动前端项目
热门推荐
weixin_43205920的博客
06-05 2万+
IDEA启动前端项目： 第一步首先下载nodeJS 地址:https://nodejs.org/en/ nodeJS里面包含了npm，安装完成之后我们验证安装是否成功：win+R，出入cmd，回车，调出DOS窗口，输入node -v 会显示出Node.js的版本号。 nodeJS安装成功之后就会自动配置好环境变量。 第二步IDEA里面配置 1.点击红色标注起来的Edit 2.配置红色标注起来的N...
idea运行前端项目
草叶儿的博客
12-13 1万+
前提：有npm 1.添加配置 1. add configuration 找到菜单栏中的运行配置添加（add configuration） 2. 选择模板，创建配置 2.1 选择template 中的npm，右侧package.json下拉或者手动选择当前项目的 2.2 node interpeter 选择自己的node 2.3 package manage 选择自己的 node_modules下的yarn或者npm 2.4 创建 右上角create configuration 3. 调整配置 配置出来之后，
idea快速运行vue项目
夏日漱石的博客
07-23 2137
idea快速运行vue项目
IDEA启动前端项目的serve设置
xiayngbaidu12345的博客
11-29 2589
IDEA启动前端项目的serve设置
IDEA启动vue项目
qq_22905801的博客
02-09 3689
启动后 在idea的启动位置就可以看到新增了一个叫dev 的启动服务选项，这个就是前端vue项目的启动按钮，下次就可以在这里启动、关闭、重启 前端vue项目了。将vue项目包放到idea中，在vue项目上右键 选择 Open in Termainl。右键后会打开一个npm的运行窗口，选中 dev右键 Run dev就启动了vue项目。在下图的输入框中运行 npm install 安装vue需要的依赖包。安装成功后,在 package.json文件上右键。
使用idea运行VUE项目
Rockandrollman的博客
08-25 1万+
package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。将项目里的“node_modules”文件夹删除，这是vue项目的依赖包。不过由于“node_modules”文件夹太大，一般不会打包上传到svn、git上的，所以没有这个文件夹就不用删。，不会装的去百度一下，不再细说，这里需要注意要装适合自己项目的版本。，可以查一下如何装，很简单。...
旅游管理系统开发实现教程——SpringBoot结合Vue和MySQL
资源摘要信息:"本资源是一套完整的基于SpringBoot开发的旅游管理系统的设计与实现案例，它综合运用了Vue.js前端框架和MySQL数据库技术。该系统适用于计算机专业的毕业生及Java学习者，旨在为其提供一个实战项目的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值