vue入门之项目构成

前言

本人前端很菜，主要干后端开发，但是由于某种不可抗力因素（众所周知），前后端肯定不可能完全分离，所以不得不接触点前端。而目前主流的前端框架便是vue，因此只能从-1直接起飞。

仅作为本人学习vue的小小记录，仅供参考

项目构成

不可能每个项目都一样，大伙看个大概就好

梳理结构（文件夹）

1.一般用不着（至少我没用到）

特此声明！只是我没用到，肯定不会是没用的东西，毕竟我也只是看个结果而已hhh

因为是扒来的模板，我就套用下调试下接口

build----构建脚本文件

node-modules---存放依赖的地方

config---配置文件

注意可能会在config配置地址和端口，还是很有用的

2.src开发目录，精髓所在

 (1).api目录

 

存放接口的地方，或者与自己写的后端建立联系的地方，举个例子

 (2).component目录

存放vue组件的地方

 (3).router目录

 配置路由的地方，路由是什么？

通俗来说路由就是页面跳转的指向，你点什么bang一下给你弹去其他页面就在这弄

(4).units目录

 

目前还没用到，后续补充

(5).views目录

通俗理解为存放vue页面的地方，就类似于JavaWeb中web文件下的那些html或者是jsp

其中common文件夹下指的是公共用的，study,department,sys等就是一个个的子页面

3.static文件夹

 学过java的同志们都知道，static就是静态的意思

看目录都知道里面存放，css样式，字体，图片等公用的东西

总结

如果只需要用来调试后端接口，那么就改改views里的前端页面，api里连接下接口，配置下路由（毕竟触发一些功能需要跳转），改改config里的地址和端口。完成上述操作，基本就可以满足调试接口的需求啦。

参考这里：如何搭建一个vue项目 - 请叫我淑女好吧 - 博客园

这是大佬，大伙可以看看这个