栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

如何将构建好的Vue项目导入到IDEA并成功运行

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何将构建好的Vue项目导入到IDEA并成功运行

导入:

通过命令行窗口构建的vue项目通常不能直接导入到idea中,因为文件夹很特殊(不包含.idea文件夹),不是传统的项目结构,但是我们可以直接open一下

打开后就会自动给你生成.idea文件夹了

准备工作: 

在terminal终端输入指令测试自己的node.js环境

都能正确输出版本号就说明环境搭建好了。

 如果没有搭建好可以参考这个文章 :好细的Vue安装与配置_LCLANNADT的博客-CSDN博客_vue安装

运行(两种方式): 1. 终端启动

在terminal输入(记得cd到项目根目录)

npm run dev

能够运行成功。

如果没能成功,就安装一下vue插件。

 打开file---setting---Plugins,搜索并安装Vue.js,安装完后重启idea

vue插件的安装本质上是能够让你能够新建并使用Vue Component

 

2. 通过Configurations启动 

 先点右上角的Add Configuration...

点+,找到npm

 编辑配置

启动,能正常运行

接下来试试打包

运行

更便捷的方法

右键package.json,然后show npm scripts 

你就成功解锁了隐藏副本(npm命令窗口)

类似于后端的Maven,可以双击直接运行,推荐使用。 同时还会部署到Configurations

to be continued...... 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/842068.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号