需要idea中配置VUE.js插件

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

Idea导入Vue前端项目

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

Idea导入Vue前端项目
出现下图所示,标识运行成功,点击项目地址链接,即可看到项目主页
Idea导入Vue前端项目

Idea导入Vue前端项目


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

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

  • 在views下创建一个vue组件
    Idea导入Vue前端项目
    填写名称
    Idea导入Vue前端项目
    Idea导入Vue前端项目

  • 在自己创建的 *.vue组件中创建一些假数据进行显示
    Idea导入Vue前端项目
    Idea导入Vue前端项目
    Idea导入Vue前端项目

  • 以上工作完成,就可以在idea中启动项目,最后通过配置的路径去访问数据,简单的Vue学习就结束了
    Idea导入Vue前端项目

相关文章: