在WebStorm中怎么打开一个已有的项目，这个 不用 多说，那么如何 运行 一个vue项目呢？
1. 点击下图中 右上角 的 红框 。
2. 在出现的弹框中选中 左上角 [ + ]下的[ npm ]，如下图所示。
3. 选中第二步的[npm]之后，会出现下图。
4. 这里有 3个地方 需要更改，如下图所示。更改完成之后，依次点击 右下角 的[ Apply ]和[ OK ]。
其中， N am e ——自己随意取；
&nbs p; package.json ——点击 右边 的下拉箭头，选中那唯一的选项即可；
Scripts ——点击右边的下拉箭头，选中"dev"。
5. 点击下图中 右上角 的 红框 运行。
6. 运行结束如下图所示，点击 项目地址 即可在浏览器中打开。
补充：webstorm 打开vue工程飘红Cannot resolve directory & # 39;~@'
升级了WebStorm 2020.3.1版本，感觉速度和体验 一块 提升 了不少，可以专心Coding咯~打开目前正开发的工程，报了两个错，强迫症犯了，警告和提示看得心里长刺，如下图：
下面配置一下，消除这样的警告和错误
保存配置之后，等一会后就看到错误自动 消失 了，好了，清净了~~
总结
到此这篇关于使用WebStorm运行vue项目的 文章 就介绍到这了,更多相关WebStorm运行vue项目内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
您可能感兴趣的文章: webstorm中vue语法的支持详解 webstorm+vue初始化项目的方法 如何用Idea或者webstorm跑一个Vue项目(步骤详解) 使用webstorm配置vue+element开发环境
总结
以上是 为你收集整理的 使用WebStorm运行vue项目的详细图文教程 全部内容，希望文章能够帮你解决 使用WebStorm运行vue项目的详细图文教程 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于使用WebStorm运行vue项目的详细图文教程的详细内容...