如何用Idea或者webstorm跑一个Vue项目(步骤详解)

 更新时间:2021年02月01日 09:19:20   作者:我的大小姐  
这篇文章主要介绍了如何用Idea或者webstorm跑一个Vue项目,本文分步骤给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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

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

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

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

在这里插入图片描述

第二步:配置这里

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

第五步:运行

在这里插入图片描述

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

在这里插入图片描述

第七步:成功啦

在这里插入图片描述

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

到此这篇关于如何用Idea或者webstorm跑一个Vue项目(步骤详解)的文章就介绍到这了,更多相关idea webstorm 跑vue项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 软件测试之使用Fiddler实现弱网测试

    软件测试之使用Fiddler实现弱网测试

    我们在做运维测试中会使用到到很多软件测试工具,本篇文章给大家分析一下软件测试,教大家在软件测试时来使用Fiddler实现弱网测试
    2021-08-08
  • bitbucket搭建详细过程记录

    bitbucket搭建详细过程记录

    这篇文章主要介绍了bitbucket搭建详细过程记录,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • 如何将ChatGPT整合到Word中

    如何将ChatGPT整合到Word中

    使用ChatGPT修改语言时,需要将文本复制到网页版的chatGPT中,省掉复制粘贴的过程,能提升效率,这篇文章主要介绍了如何将ChatGPT整合到Word中,需要的朋友可以参考下
    2023-02-02
  • 打造博客园(cnblogs)超级自定义界面

    打造博客园(cnblogs)超级自定义界面

    有部分网友提出想了解一下像我这样的高度订制化博客界面是如何做出来的。所以在这里给大家分享一下经验。
    2009-12-12
  • nGrinder性能工具源码安装部署过程

    nGrinder性能工具源码安装部署过程

    nGrinder是NHN公司用Java语言开发的一款的基于Grinder开发的开源B/S Web性能测试平台,具有友好简洁的用户界面和分布式测试功能,本文给大家分享nGrinder性能工具源码安装部署过程,一起看看吧
    2021-05-05
  • Git撤销&回滚操作(git reset 和 get revert)

    Git撤销&回滚操作(git reset 和 get revert)

    这篇文章主要介绍了Git撤销&回滚操作(git reset 和 get revert),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • matlab画三维图像的示例代码(附demo)

    matlab画三维图像的示例代码(附demo)

    这篇文章主要介绍了matlab画三维图像的示例代码(附demo),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 好用的VSCode头部注释插件Fileheader Pro

    好用的VSCode头部注释插件Fileheader Pro

    这篇文章主要为大家介绍了VSCode头部注释插件Fileheader Pro的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • PHP和Java的主要区别有哪些?哪个最适合Web开发语言?

    PHP和Java的主要区别有哪些?哪个最适合Web开发语言?

    Java和PHP都是编程语言,大家知道它们最大的区别就是一个是静态语言一个是动态语言吧。没错,Java是一种静态语言,PHP是一种动态语言。那它们还有哪些区别? 哪个最适合Web开发语言?下面,小编再给大家详细介绍下。
    2016-08-08
  • Elasticsearch之基本查询及组合查询操作示例

    Elasticsearch之基本查询及组合查询操作示例

    这篇文章主要为大家介绍了Elasticsearch之基本查询及组合查询操作示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04

最新评论