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

已于 2024-01-01 07:27:29 修改
阅读量3k 收藏 13
点赞数 21
文章标签： 前端 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
关注
  • 21
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
SpringBoot+mybatis-plus+VUE民宿管理系统后台-毕业设计
08-08
SpringBoot+mybatis-plus+VUE民宿管理系统后台-毕业设计 升级为mybatis-plus 加入启动页面类。 修改了一些VUE的其它问题。 本系列环境 环境 win11 工具 idea 2018 jdk 1.8 数据库 mysql5.5 maven 3.6.0 项目导入方式 maven 导入 数据库前端工具 mysql-front (navicat 也可以) VUE node 14.16版本 VUE的环境 参见 VUE的环境安装–【环境篇】 其它的网上的组件都可能不全，导致VUE的编译出错。 数据库前端工具：mysql-front (navicat 也可以) 主要是这些跟PHPStudy 2018 整合了，所以有的时候懒的打开navicat 关于环境的重要性，直接看上面的《SpringBoot 的项目编译即报错处理–JSB系列之001》 ———————————————— 版权声明：本文为CSDN博主「项目花园范德彪」的原创文章， https://blog.csdn.net/dearmite/article/details/132137913
使用IDEA创建的一个简单的react项目
07-25
一个简单的React项目，在IDEA创建的初始React项目基础上添加了一个简单的点击计数组件
IDEA ssm layui整合
03-17
项目说明：学习版（只供学习使用) 开发工具 ：IDEA 2017 数据库：mysql 后端开发框架: Spring MVC + Spring + Mybatis +ModelMapper + logback 前端框架：layui + jquery 说明：项目为多Module 项目结构， IDEA加载项目可直接运行（运行前配置数据库链接字符串）。采用前后端分离已经可以进行添加修改列表显示等操作。 项目版 ： 整合了更多框架如：Spring Boot 、dubbo、Netty 框架、多语言支持等。如有
前后端入门：用idea运行一个前后端web小项目
m0_74249400的博客
03-31 1121
运行一个前后端项目的初体验
如何通过IDEA导入并启动前端项目
我能在河边钓一整天的鱼
02-03 2万+
目录 搭建后台管理前端 1.解压前端压缩包 2.使用IDEA导如这个前端项目 3.安装依赖 4.启动项目 项目结构说明 搭建后台管理前端 1.解压前端压缩包 解压到和后端同一个目录下 2.使用IDEA导如这个前端项目 效果如下 3.安装依赖 按alt+F12打开终端，输入npm install 下图显示即代表...
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，给项目安装
vue idea前端环境搭建，启动前端程序
ouyang_x的博客
10-28 3412
1.先在idea中配置vue插件 点击File–>Settings–>Plugins–>搜索vue.js插件进行安装，我的已经安装好了，跟着安装就可以 2.安装node.js环境 百度node官网下载最新的node.js,然后用管理员打开，一路点下一步。 安装完成后，去cmd中输入 node -v 然后输入 npm -v 这里表示安装成功。 3.安装npm 由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所以还需要安装npm的国内镜像---
运行Vue项目
一位不想写代码偏偏还在挣扎的万年小白
03-20 6566
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）？
程序源的博客
08-24 7000
零基础如何使用IDEA启动前后端分离中的前端项目（Vue）？
IDEA启动VUE前端项目
东风麦芽糖
07-23 1万+
win10安装node.js idea配置node.js idea启动前端VUE项目 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快速运行vue项目
夏日漱石的博客
07-23 1704
idea快速运行vue项目
快速解决idea打开某个项目卡住的问题
08-18
主要介绍了解决idea打开某个项目卡住的问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vite-plugin-restart:自定义文件组重新启动Vite服务器
03-25
vite-plugin-restart 自定义文件/全局文件以重新启动Vite服务器 用法 安装 npm i vite-plugin-restart -D # yarn add vite-plugin-restart -D 将其添加到vite.config.js // vite.config.js import ViteRestart from 'vite-plugin-restart' export default { plugins : [ ViteRestart ( { restart : [ 'my.config.[jt]s' , ] } ) ] , } ; 现在，对my.config.js或my.config.ts更改将自动重新启动服务器。 动机 Byebye nodemon -w my.config.js
IntelliJ IDEA编辑器配置vue高亮显示
12-13
打开IDEA编辑器，快捷键Ctrl+Alt+S打开Settings(设置)——>Plugins——>搜索vue.js（图中已经安装，没有安装的点击Install JetBrains plugins…进行安装即可），安装成功后重启IDEA。 2.IDEA安装好vue.js后，接着...
ASP基于USB KEY文件加密工具——USB key管理系统(源代码+论文).rar
12-30
前端：Vue/JSP/React/HTML+JS+CSS/ASP 后台框架代码：java/c/c++/php/VB/lun/Andorid/Python 开发环境：idea 数据库：MySql（建议用 5.7，8.0 有时候会有坑） 部署环境：Tomcat（建议用 7.x 或者 8.x b版本），maven...
ASP.NET多功能聊天软件的设计与开发——文字聊天文件传输模块(源代码+论文).rar
12-29
前端：Vue/JSP/React/HTML+JS+CSS/ASP 后台框架代码：java/c/c++/php/VB/lun/Andorid/Python 开发环境：idea 数据库：MySql（建议用 5.7，8.0 有时候会有坑） 部署环境：Tomcat（建议用 7.x 或者 8.x b版本），maven...
VUE登陆/登录的大作业带打包资源1
08-11
VUE登陆/登录的大作业-【VUE项目实战】 ...———————————————— 版权声明：本文为CSDN博主「项目花园范德彪」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
element-ui的bug记录
最新发布
nick_zhang的博客
04-29 353
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
idea启动前端项目
07-27
对于启动前端项目的想法，有几个关键步骤可以考虑： 1. 定义项目目标和范围：明确你想要实现的目标和项目的范围，确定你想要构建的应用程序的功能和特性。 2. 创建项目计划：制定一个详细的项目计划，包括开发阶段、时间表和里程碑。确保计划合理，并考虑到可能的风险和挑战。 3. 设计用户界面：根据项目需求和目标，设计应用程序的用户界面。考虑用户体验和易用性，在设计过程中使用合适的工具和技术。 4. 选择合适的技术栈：根据项目需求和团队技能，选择适合的前端技术栈。常见的选择包括HTML、CSS、JavaScript以及相关的框架和库，如React、Angular或Vue.js。 5. 搭建开发环境：设置适当的开发环境，包括代码编辑器、版本控制和开发工具。确保团队成员之间可以有效地协作并进行版本控制。 6. 开发和测试：按照项目计划开始编写代码并进行测试。采用敏捷开发方法，定期检查进度并进行必要的调整。 7. 集成和部署：集成前端代码与后端服务，并进行部署。确保应用程序在不同环境中的正确运行，并进行性能和安全性测试。 8. 上线和维护：将应用程序发布到生产环境，并跟踪用户反馈和问题。根据需要进行更新和维护，确保应用程序的正常运行。 以上是启动前端项目的一般步骤，具体的实施过程可能会因项目需求和团队情况而有所不同。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值