使用webStorm创建一个vue项目

1、点击左上角【File】----【new】----【project】
在这里插入图片描述
2、选择项目存放地址,及确定项目名等信息
在这里插入图片描述
3、可能会弹出是否使用淘宝镜像站等设置,根据项目实际开发需求来选择即可。在这里插入图片描述
4、项目创建完毕,运行项目:
方式一:
在这里插入图片描述
在这里插入图片描述
方式二:
打开Terminal,输入npm run serve,即可:

这里的serve 是根据package.json文件里面来的,有的可能不是serve而是dev,所以要根据自己项目实际情况来操作。如果是dev,那么 npm run serve 命令就是npm run dev 这样。

在这里插入图片描述
在这里插入图片描述
方式三:
点击右上角下拉选择框,选择Edit Configurations:
在这里插入图片描述
在这里插入图片描述
点击右上角Run按钮:
在这里插入图片描述
控制台可以看到项目启动情况,启动完毕如图:
在这里插入图片描述
点击控制台的地址,即可在浏览器看到项目运行页面:
在这里插入图片描述