idea webstorm 跑vue项目怎样用Idea或者webstorm跑一个Vue项目(步骤详解)

我的大小姐 2021-02-01 我要评论

想了解怎样用Idea或者webstorm跑一个Vue项目(步骤详解)的相关内容吗，我的大小姐在本文为您仔细讲解idea webstorm 跑vue项目的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：idea,,跑vue项目,webstorm,跑vue项目，下面大家一起来学习吧。

现在vue.js几乎是程序员必会的前端框架啦~
今天就学习记录一下怎么运行一个vue项目

无论是Idea还是webstorm，都是一样的操作。

去网上随便找一个开源项目，以下就是操作的流程，不管是用webstorm还是idea界面都一样。

第一步：终端输入npm install命令

在这里插入图片描述

第二步：配置这里

在这里插入图片描述

第三步：第二步点开以后就是这个界面
其中，name自己随便写
package.json的路径
scripts这里写dev还是serve,看json文件配置

在这里插入图片描述

第四步:这就是配置文件，里面是命令

在这里插入图片描述

第五步：运行

在这里插入图片描述

第六步：终端会出现项目地址

在这里插入图片描述

第七步：成功啦

在这里插入图片描述

以上就是所有的操作过程，博主觉得很完善~

idea webstorm 跑vue项目 怎样用Idea或者webstorm跑一个Vue项目(步骤详解)