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

作者:我的大小姐 时间:2022-08-20 17:06:23 

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

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

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

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

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

第二步:配置这里

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

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

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

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

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

第五步:运行

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

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

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

第七步:成功啦

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

来源:https://blog.csdn.net/weixin_45425105/article/details/113395292

标签:idea,webstorm,vue项目
0
投稿

猜你喜欢

  • Python eval函数原理及用法解析

    2021-04-29 05:17:18
  • python实现备份目录的方法

    2022-10-30 02:54:04
  • Python爬虫库requests获取响应内容、响应状态码、响应头

    2022-05-03 14:37:27
  • Python中创建对象列表的实现示例

    2023-08-15 07:20:35
  • Python列表常见操作详解(获取,增加,删除,修改,排序等)

    2021-02-04 10:10:19
  • CSS 裸奔节

    2009-04-09 19:36:00
  • 浅谈dataframe中更改列属性的方法

    2022-12-08 02:00:06
  • 用python实现的去除win下文本文件头部BOM的代码

    2021-04-01 08:00:19
  • python爬虫爬取网页表格数据

    2023-06-04 08:23:14
  • selenium+python自动化测试之环境搭建

    2022-05-15 13:51:32
  • 使用OpenCV circle函数图像上画圆的示例代码

    2021-03-12 17:30:41
  • python代码 输入数字使其反向输出的方法

    2023-12-15 00:01:22
  • Python hashlib模块与subprocess模块使用详细介绍

    2021-09-25 18:06:47
  • python复制文件代码实现

    2022-08-29 09:28:11
  • MySQL实现SQL Server的sp_executesql

    2008-11-20 15:01:00
  • 最新Pygame zero最全集合

    2022-07-18 13:14:16
  • python使用Thread的setDaemon启动后台线程教程

    2023-09-29 05:49:26
  • python组合无重复三位数的实例

    2021-11-18 03:59:13
  • 微软建议的ASP性能优化28条守则(5)

    2008-02-27 13:54:00
  • Oracle In和exists not in和not exists的比较分析

    2009-08-27 10:07:00
  • asp之家 网络编程 m.aspxhome.com