IDEA导入Vue前端项目

最新推荐文章于 2024-08-08 15:03:21 发布
最新推荐文章于 2024-08-08 15:03:21 发布
阅读量1.5w 收藏 54
点赞数 4
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010312671/article/details/105803331
版权
本文记录了在IDEA中导入Vue前端项目的详细步骤，包括通过File->Open导入项目，设置启动项目，以及遇到"vue-cli-service不是内部或外部命令"错误的解决方法，即执行cnpm install后重新运行npm run serve。
摘要由CSDN通过智能技术生成

前言

最近接手一个前后端分离的项目。前端是使用vue，然后我配置了node.js环境后，使用IDEA把该vue项目导入，因为也是第一次导入vue项目，所以项目如何启动，以及报错如何处理，瓜瓜我记录下。

操作步骤

1.IDEA中导入（File->Open…），如下图:

在这里插入图片描述

2.启动项目设置:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.启动后出现以下错误:

在这里插入图片描述
解决方式:当看到这个问题，别慌，新手必经啊。

最低0.47元/天 解锁文章
瓜仙人
关注
专栏目录
idea安装vue插件.pdf
05-08
本篇文章将详细介绍如何在IntelliJ IDEA中安装Vue.js插件以及配置相关的模板，以便更好地进行Vue项目开发。 首先，我们来了解如何安装Vue.js插件： 1. 打开IntelliJ IDEA，进入主界面。点击顶部菜单栏的"File"，在...
Idea导入Vue前端项目
weixin_43774759的博客
04-20 3423
需要idea中配置VUE.js插件 导入项目后，项目结构如下 直接运行的话，在idea下方选择terminal，直接输入rpm run dev即可运行。 出现下图所示，标识运行成功，点击项目地址链接，即可看到项目主页 自己也可以创建一个页面，简单操作一下 首先在项目的src 路径下创建一个views目录，用于存放自己创建的vue组件 在views下创建一个vue组件 填写名称 ...
如何将构建好的Vue项目导入到IDEA并成功运行
m0_57545353的博客
04-27 1万+
将初始化的Vue项目导入到IDEA并成功运行和打包
Vue3 搭建前端工程，并使用idea配置项目启动
最新发布
2301_76144723的博客
08-08 1134
Vue3 搭建前端工程，并使用idea配置项目启动
在IDEA中对vue项目第一次导入需要的操作
weixin_46382462的博客
07-16 4265
在IDEA中对vue项目第一次导入需要的操作 在IDEA中对vue项目第一次导入需要的操作 刚开始接触Vue的小白，在第一次用IDEA导入Vue项目时遇到了一些问题，成功导入后整理了一下我个人成功操作的步骤，小白的文章仅供参考 第一步：open项目，不要用import 第二步：点击file，settings(我这里用的是中文版的，就点击文件，设置就行 第三步：进入settings（设置）之后选择plugins（插件），搜索Vue，点击install或者安装 第四步：搭建node.js环境. node.j
idea如何导入vue+springboot的项目
qq_59227359的博客
03-20 2906
下面两个勾选override之后才能更改路径，这里默认你setting.xml文件以及修改完毕，具体修改可以照着网上的方式修改，把里面的jdk都换成 你自己的版本。打开你的终端，输入npm -v,看看你的npm配置好了没，在输入node -v，看你的node下好了没。选择你自己jdk的路径，然后点ok即可，添加完就可以右键运行你的springboot项目。首先在你的idea中点击File>Open,选择你项目的路径，打开你的项目。然后如果你的项目右上角是这样的，你就可以运行你的后端springboot了。
如何通过IDEA导入并启动前端项目
热门推荐
我能在河边钓一整天的鱼
02-03 2万+
目录 搭建后台管理前端 1.解压前端压缩包 2.使用IDEA导如这个前端项目 3.安装依赖 4.启动项目 项目结构说明 搭建后台管理前端 1.解压前端压缩包 解压到和后端同一个目录下 2.使用IDEA导如这个前端项目 效果如下 3.安装依赖 按alt+F12打开终端，输入npm install 下图显示即代表...
IDEA 引入VUE项目
weixin_30647065的博客
08-13 827
参考：https://www.cnblogs.com/sunhaoyu/articles/11002394.html https://www.csdn.net/gather_24/OtTacgysNTEwLWJsb2cO0O0O.html https://www.cnblogs.com/ya-qiang/p/9639187.html 1. 环境准备 1.1 电脑上安装node....
教你使用 IDEA 配置和运行vue项目(1).zip
02-20
4. **导入项目到IDEA**： - 创建完项目后，在IDEA中选择“文件”>“打开”，找到你的Vue项目根目录并打开。 - IDEA会自动识别Vue项目的结构，并安装必要的插件。 5. **运行和调试Vue项目**： - 在IDEA的左侧...
layui使用vue的例子
06-13
在IT行业中，layui和Vue.js都是非常流行的...通过实践这个项目，你不仅能掌握Vue的基本用法，还能了解到如何将现有的传统组件库（如layui）融入到现代前端框架中，提高开发效率。这对你未来的职业发展有着极大的帮助。
vue.js项目中实用的小技巧汇总
10-18
Vue.js 是一个渐进式前端框架，它专注于视图层，易于学习且能与现有项目无缝集成。在Vue.js项目中，开发者经常会遇到各种实用技巧，以下是一些具体的应用场景和解决方案。 1. 引入Bootstrap 当需要在Vue项目中使用...
idea_vuejs.zip
06-30
7. **Vue CLI支持**：如果项目是使用Vue CLI创建的，插件可以识别项目结构并提供相应的支持，包括自动导入、热更新等。 8. **Vue DevTools集成**：在开发模式下，可以与浏览器中的Vue DevTools无缝对接，方便调试。...
vue的idea插件2020
12-12
"vue的idea插件2020"可能指的是2020年发布或更新的Vue.js插件，这些插件旨在提升开发者在IDEA中的Vue项目开发效率。 Vue.js的主要特点包括组件化、响应式数据绑定、指令系统以及易于学习的API。它允许开发者构建可...
一套springboot+vue前后端分离的练手项目
05-09
5.在vue前端根目录下运行cmd命令，输入命令npm run dev 启动前端项目 6.浏览器访问http://localhost:8001 即可进入系统，账户名和密码均为 admin 运行环境至少需要JDK1.8+Eclipse/Idea+Maven+NodeJs+Mysql/Oracle等...
基于springboot+vue实现前后端分离的大学校园论坛项目源码+数据库+项目说明.zip
12-18
大学校园论坛，采用springboot+vue开发，前后端分离（后台）该项目使用了lombok，如果使用idea记得装lombok插件，推荐使用idea导入项目 这是后台(数据库有更改)建议配合idea的数据库插件使用非常方便 不用建表，启动...
vue-kotlin-starter:提供一个简单的 Kotlin Spring Boot 后端和一个 Vue 前端
05-29
vue-kotlin-starter 你会发现两个 IDEA 项目，前端和后端。 请分别导入。 前端使用 nodejs 作为应用程序框架。 要准备并启动节点服务器，请转到您的终端并运行： npm install然后是npm run serve 。 或者，使用您的 ...
Vue项目工程的介绍及使用IDEA启动Vue工程
LxyingINGing的博客
10-22 691
vue项目里的一些配置,可以配置端口、跨域等等。main.js:所有配置的入口,可以导入项目所需要的包,然后组合在一起。1.用IDEA打开vue框架，编写代码，点击open，导入项目即可。src.assets:可以放一些logo、图片、自定义样式啥的。public:放静态文件的地方,比如html、静态图标等等。src.router:定义路由,每个路由对应一个页面。App.vue:所有页面的入口。src.views:视图文件。2.Vue项目工程的介绍。src:项目的源码目录。
详解Vue安装与配置(2023)
m0_48170265的博客
03-09 1万+
详解Vue安装与配置(2023)
idea中导入vue项目并运行
好幸运
03-06 1万+
一、idea打开vue项目卡死问题解决 file -> settings -> File Types -> ActionScript -> *.as -> 给下面添加node_modules; 然后 apply -> ok 二、nodejs安装 idea中导入vue项目并运行 1. 下载node.js 在搭建vue的开发环境之前，先下载node.js，下载地址：https://nodejs.org/en/https://blog.csdn.ne...
怎么在idea导入vue前端项目
03-10
您可以按照以下步骤在IDEA中导入Vue前端项目： 1. 打开IDEA，选择“File”菜单，然后选择“New”>“Project”。 2. 在“New Project”对话框中，选择“Empty Project”并单击“Next”。 3. 在“Project Name”字段中输入项目名称，然后单击“Finish”。 4. 在IDEA中打开终端并导航到项目目录。 5. 在终端中运行以下命令以安装Vue CLI：npm install -g vue-cli 6. 运行以下命令以创建Vue项目：vue init webpack my-project 7. 在“my-project”目录中运行以下命令以安装依赖项：npm install 8. 在IDEA中选择“File”>“Open”并导航到“my-project”目录。 9. 单击“Open”以打开项目。 10. 在IDEA中选择“Run”>“Run 'npm install'”以安装依赖项。 11. 在IDEA中选择“Run”>“Run 'npm run dev'”以启动Vue项目。 希望这可以帮助您导入Vue前端项目。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

瓜仙人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值