一、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后直接点这个按钮即可。
    在这里插入图片描述
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐