使用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按钮:
控制台可以看到项目启动情况,启动完毕如图:
点击控制台的地址,即可在浏览器看到项目运行页面: