Idea导入Vue前端项目

需要idea中配置VUE.js插件

导入项目后，项目结构如下

在这里插入图片描述

直接运行的话，在idea下方选择terminal，直接输入rpm run dev即可运行。

在这里插入图片描述
出现下图所示，标识运行成功，点击项目地址链接，即可看到项目主页
在这里插入图片描述

在这里插入图片描述

自己也可以创建一个页面，简单操作一下

  • 首先在项目的src 路径下创建一个views目录，用于存放自己创建的vue组件

  • 在views下创建一个vue组件
    在这里插入图片描述
    填写名称
    在这里插入图片描述
    在这里插入图片描述

  • 在自己创建的 *.vue组件中创建一些假数据进行显示
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 以上工作完成，就可以在idea中启动项目，最后通过配置的路径去访问数据，简单的Vue学习就结束了
    在这里插入图片描述

版权声明：本文为weixin_43774759原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。