WebStorm配置启动Vue项目

【原文链接】WebStorm配置启动Vue项目

(1)使用WebStorm打开已有的Vue项目,或者参考 Vue创建项目快速体验 创建一个新的Vue项目

(2)点击【View】-【toolbar】
WebStorm配置启动Vue项目_第1张图片

(3)点击【Edit Configuration】
WebStorm配置启动Vue项目_第2张图片

(4)然后在弹出的窗口中点击“+”,然后选择npm
WebStorm配置启动Vue项目_第3张图片

(5)Scripts 选择 serve
WebStorm配置启动Vue项目_第4张图片

(6)然后点击启动按钮,即可运行Vue项目
WebStorm配置启动Vue项目_第5张图片

(7)如下,可以看到已经启动了
WebStorm配置启动Vue项目_第6张图片

(8)然后在浏览器中打开 127.0.0.1:8080 即可看到页面已经启动
WebStorm配置启动Vue项目_第7张图片

你可能感兴趣的:(Vue,vue.js,webstorm,javascript)