当前位置:   article > 正文

idea如何部署运行Vue项目?一文看懂_idear的vue项目怎么运行

idear的vue项目怎么运行

一、idea打开vue项目

  • 习惯了用idea,如果用vscode或者其它编辑器来编写运行vue的话,很多快捷键不习惯,幸好idea有vue的插件,可以方便长期写后端的人用idea写vue。
  • idea左上角点击“File-Open…”,选择要部署的vue项目文件夹。
    在这里插入图片描述

二、安装vue.js插件

  • idea左上角点击“File-Settings…”,左边搜索框搜索“plugins”进入插件列表。
  • 在插件列表搜索“Vue.js”,点击“install”进行安装即可。
    在这里插入图片描述

三、配置运行按钮

  • idea右上角点击“Add Configurations”。
    在这里插入图片描述

  • 点击左上角的“+”,选择“npm”。
    在这里插入图片描述
    在这里插入图片描述

  • 右侧“Scripts”处输入“dev”,其它idea已经默认选好。点击OK保存。
    在这里插入图片描述
    此时右上角已经有运行按钮
    在这里插入图片描述

四、运行vue项目

  • 直接点击右上角的运行按钮。以后每次启动idea后直接点这个按钮即可。
    在这里插入图片描述
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/143596
推荐阅读
相关标签
  

闽ICP备14008679号