AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

IDEA打开vue项目并运行

2024-06-24 176
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： IDEA打开vue项目并运行

一、安装vue插件，重启IDEA

二、配置npm

打开你的vue项目根目录

红色框内为你的安装目录，绿色框内保持一致即可！

配置install命令

配置run命令

三、Terminal中输入npm install、npm run serve启动项目

#安装依赖
npm install
#运行项目
npm run serve
#打包部署服务器
npm run build

打开对应网址看看效果吧

四、项目部署到服务器

文章标签：
JavaScript
关键词：
Idea项目
Idea运行
Idea项目运行
Idea vue项目
IDEA Vue
好奇的菜鸟
目录
相关文章
最好zzz
|
2月前
|
运维 网络安全 持续交付
IDEA+Docker 远程一键部署项目：技术干货分享
【10月更文挑战第4天】在现代软件开发中，快速、可靠、自动化的部署流程是提升开发效率和运维质量的关键。IDEA（IntelliJ IDEA）作为Java开发者首选的IDE，结合Docker这一轻量级容器化技术，能够实现远程一键部署项目，极大地简化了开发到生产的流程。今天，我将和大家分享这一组合在工作学习中的实际应用和技术干货。
最好zzz
253 3
nanshaws
|
2月前
|
Java Maven Kotlin
idea maven创建kotlin项目
本文介绍了在IntelliJ IDEA中使用Maven创建Kotlin项目的步骤，包括在`pom.xml`文件中添加Maven中央仓库、配置`kotlin-maven-plugin`插件、指定源目录、添加测试插件和执行插件，以及添加Kotlin测试依赖和标准库依赖。文中还提到了如何通过更换镜像或使用代理来解决依赖下载速度慢的问题，并展示了运行示例代码的截图。
nanshaws
105 4
idea maven创建kotlin项目
yuanzhengme
|
2月前
|
缓存 IDE Java
idea的maven项目打包时没有source下的文件
【10月更文挑战第21天】idea的maven项目打包时没有source下的文件
yuanzhengme
45 1
java冯坚持
|
2月前
|
Java Maven Spring
springboot学习一：idea社区版本创建springboot项目的三种方式（第三种为主）
这篇文章介绍了在IntelliJ IDEA社区版中创建Spring Boot项目的三种方法，特别强调了第三种方法的详细步骤。
java冯坚持
471 0
springboot学习一：idea社区版本创建springboot项目的三种方式（第三种为主）
Codelinghu
|
2月前
|
Java 应用服务中间件 Maven
【终极解决方案】IDEA maven 项目修改代码不生效。
【终极解决方案】IDEA maven 项目修改代码不生效。
Codelinghu
380 1
nanshaws
|
2月前
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目，包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件，以及项目的运行结果。
nanshaws
202 0
idea+maven+tomcat+spring 创建一个jsp项目
Codelinghu
|
2月前
|
Java Shell 开发工具
git集成IDEA，托管项目实现版本管理
git集成IDEA，托管项目实现版本管理
Codelinghu
33 0
JavaPub
|
6月前
|
Java 编译器 Maven
使用intellij idea搭建SSM架构的maven项目 详细
使用intellij idea搭建SSM架构的maven项目 详细
JavaPub
100 4
bug菌
|
5月前
|
IDE Oracle Java
day4：JDK、IntelliJ IDEA的安装和环境变量配置
【7月更文挑战第4天】🏆本文收录于「滚雪球学Java」专栏，专业攻坚指数级提升，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
bug菌
225 0
码农阿豪
|
5月前
|
网络协议 安全 Linux
在IntelliJ IDEA中使用固定公网地址远程SSH连接服务器环境进行开发
在IntelliJ IDEA中使用固定公网地址远程SSH连接服务器环境进行开发
码农阿豪
109 2

热门文章

最新文章

  • 1
    修改idea的临时数据存放目录（默认保存在C盘用户目录下的.IntelliJIdea2020.3）
  • 2
    Intellij IDEA配置Tomcat并创建JavaWeb项目
  • 3
    IDEA 出现问题：出现private field ‘xxx‘ is never assigned警告解决方案
  • 4
    IntelliJ IDEA - 更改 Terminal，支持 Git 命令自动补全
  • 5
    IDEA13+Maven + Jetty-plugin 调试项目
  • 6
    阿里巴巴Java开发规约-插件使用[Idea和Eclipse]
  • 7
    解决遇到的问题idea maven无法加载导入子模块的依赖包
  • 8
    在idea中新建完springboot项目的时候遇到问题(右键没有class选择；控制台报错：Could not transfer artifact org.apache.tomcat.embed:tomcat-embed-core:jar:9.0.60 from/to central ....)
  • 9
    Intellij IDEA SpringBoot项目热部署解决方案
  • 10
    IDEA的Docker插件实战(Docker-compose篇)
  • 1
    IDEA实现java远程调试
    1149
  • 2
    navicat过期了，直接用idea连接mysql
    61
  • 3
    idea2020.1打不开和运行nbcio-boot错误解决方案
    49
  • 4
    在IntelliJ IDEA中通过Spring Boot集成达梦数据库：从入门到精通
    1437
  • 5
    Linux 创建 intellij-idea快捷方式
    292
  • 6
    IntelliJ IDEA 安装及配置详细教程
    787
  • 7
    idea的yapi插件使用详解
    487
  • 8
    Idea引入thymeleaf失败解决方法
    117
  • 9
    idea报错“Static methods in interface require -target:jvm-1.8”
    50
  • 10
    IDEA debug HashMap源码的心得
    65

    • 相关课程

    更多
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • 蚂蚁金服高级开发工程师萧恺：IDEA 插件开发入门教程
  • D2前端工程下一站 IDE ——上坡&吭头
  • D2前端工程下一站 IDE

    • 相关实验场景

    更多
  • 基于 IntelliJ IDEA 插件部署微服务应用
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月