测试开发技术网站

[【原文链接】WebStorm配置启动Vue项目](http://devops-dev.com/article/456)

（1）使用WebStorm打开已有的Vue项目，或者参考 [Vue创建项目快速体验](http://devops-dev.com/article/455) 创建一个新的Vue项目

（2）点击【View】-【toolbar】
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/6e621528-6962-11ed-9e3d-0242ac110002.png)

（3）点击【Edit Configuration】
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/ab7a4958-6962-11ed-9e3d-0242ac110002.png)

（4）然后在弹出的窗口中点击“+”，然后选择npm
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/cb96b9f6-6962-11ed-9e3d-0242ac110002.png)

（5）Scripts 选择 serve
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/fadc60b2-6962-11ed-9e3d-0242ac110002.png)

（6）然后点击启动按钮，即可运行Vue项目
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/1d642dd6-6963-11ed-9e3d-0242ac110002.png)

（7）如下，可以看到已经启动了
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/588917aa-6963-11ed-9e3d-0242ac110002.png)

（8）然后在浏览器中打开 127.0.0.1:8080 即可看到页面已经启动
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/8e612e3a-6963-11ed-9e3d-0242ac110002.png)

博客