IDEA运行vue项目

最新推荐文章于 2024-03-05 13:10:19 发布
最新推荐文章于 2024-03-05 13:10:19 发布
阅读量412 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38826019/article/details/96150411
版权

1. File - Settings - Languages&Frameworks - JavaScript：

修改JavaScript language version为ECMAScript 6，确认

2. Teminal中cd 到项目目录，npm run dev

File - Settings - Plugins：

搜索vue，安装Vue.js

Run - Edit Configurations...：

点击加号，选择npm，Name为Run，package.json选择你工程中的package.json，Command为run，Scripts为dev,然后就可以直接在idea中运行了

继续点击加号，选择npm，Name为Build，package.json选择你工程中的package.json，Command为run，Scripts为build,然后就可以直接在idea中打包了。

星夜孤帆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑.doc
08-29
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
主要介绍了使用IDEA工具配置和运行vue项目及遇到的坑,需要的朋友可以参考下
idea 运行vue项目
热门推荐
程序前行者的博客
07-14 4万+
1、idea中安装vue.js 点击File–>Settings–>Plugins–>搜索vue.js插件，下面的图中我已经安装好了 2、到node官网下载安装node.js 官方下载链接. node.js 安装过程 傻瓜式安装，直接下一步就可以了3、配置node.js 环境 打开cmd命令窗口 输入node -v npm -v 查看版本node.js 安装路径D:\Program Files\nodejs ......
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如何运行vue项目
最新发布
2302_76469985的博客
03-05 1033
idea运行vue项目，超简单！！！
使用idea运行VUE项目
Rockandrollman的博客
08-25 1万+
package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。将项目里的“node_modules”文件夹删除，这是vue项目的依赖包。不过由于“node_modules”文件夹太大，一般不会打包上传到svn、git上的，所以没有这个文件夹就不用删。，不会装的去百度一下，不再细说，这里需要注意要装适合自己项目的版本。，可以查一下如何装，很简单。...
idea如何启动vue项目
qq_48621751的博客
07-07 6529
idea启动vue项目
idea如何部署运行Vue项目？一文看懂
code_space
12-12 5017
- 习惯了用idea，如果用vscode或者其它编辑器来编写运行vue的话，很多快捷键不习惯，幸好idea有vue的插件，可以方便长期写后端的人用idea写vue。
教你使用 IDEA 配置和运行vue项目.zip
02-18
教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教...
IDEA安装vue插件图文详解
01-19
非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下 1.idea上面安装vue插件 （到这里idea安装vue插件就好了，接下来...7.最后点击刚才配置的run，运行vue项 如果出现以下问题：Module build failed:
在idea测试vue是否能运行
12-29
vue的管理模板，只是测试一下vue项目配置是否正确
运行Vue项目
一位不想写代码偏偏还在挣扎的万年小白
03-20 6418
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
xiaxiao520的博客
08-25 3万+
@tap @tap.stop @tap.prevent @tap.once @click @click.stop @click.prevent @click.once @change @change.lazy @change.number @change.trim v-model v-for v-text v-html v-if v-else-if v-else v-pre v-once v-bind scoped @keyup.enter :class :style v-show :key @keyup
使用、IDEA、工具配置、运行、vue项目
【CSDN】
02-02 1821
一、在IDEA中配置vue插件 点击File-->Settings-->Plugins-->搜索vue.js插件进行安装，下面的图中我已经安装好了。 二、搭建node.js环境 安装node.js 可以去官网下载：安装过程就很简单，直接下一步就行 测试是否安装成功：要使用管理员方式打开命令行cmd 安装完成之后，打开命令行工具,输入node -v如果出现版本号，则说明安装成功，npm包管理器是集成在node中的，所以，直接 输入npm -v 就会显示npm版本信
自建小网站——在idea中如何运行一个vue项目完整过程
Darren洋的博客
04-29 2737
这些天Darren洋计划筹建一个属于自己的个人博客空间小网站，其中选择的就是vue项目类型的网站，因为在运行vue项目途中不是特别顺利，现整理了一下流程供大家参考学习。
IDEA启动VUE项目的方法
Stdio_QU的博客
09-18 1万+
IDEA启动VUE项目
idea中启动vue项目
qq_45991812的博客
07-29 1371
使用idea启动vue项目,在上面安装好node.js环境并初始化完成和安装好依赖的前提下,打开idea,然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea。当项目依赖安装完成后,就可以使用如下命令启动项目,根据项目不同命令结尾不同,此项目为serve。cnmp安装结束后,在cmd命令窗口使用如下命令安装vue-cli构建工具。项目初始化完成后,在项目目录下使用如下命令安装项目所需依赖。输入以下命令验证是否安装成功,如出现版本号则安装成功。...
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项目
05-26
要在IntelliJ IDEA中运行Vue项目，需要先安装Vue插件。可以按照以下步骤进行操作： 1. 打开IntelliJ IDEA，点击“File”菜单，选择“Settings”。 2. 在设置窗口中，选择“Plugins”选项卡。 3. 在搜索框中输入...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值