Spring Boot Vue Element入门实战(二)前端框架搭建

本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766

(一)IDEA开发工具

这里其实推荐Atom或者webstorm,Atom有很多vue的插件,高亮语法检查小地图等等一些很实用的插件。本次实战环境选择IDEA编辑器,导入入门实战(一)中的生成的工程如下图
Spring Boot Vue Element入门实战(二)前端框架搭建_第1张图片

. VUE工程目录结构

├── build              构建脚本目录
├── config             项目配置目录
├── node_modules       项目依赖目录
├── src                项目源码目录
│   └── assets         资源目录
│   └── components     组件目录
│   └── router         路由目录
│   └── App.vue        页面vue组件
│   └── main.js        页面js入口
├── static             项目静态资源目录
├── test               项目测试目录
├── index.html         主页面入口
├── package.json       项目描述文件

(二)安装组件

组件名称 组件说明
element-ui elem

你可能感兴趣的:(Vue,Spring,Boot入门实战)