后台项目

项目模板

1.简洁版:https://github.com/PanjiaChen/vue-admin-template

2.完整版:https://github.com/PanjiaChen/vue-element-admin

下载依赖

cnpm install
cnpm install core-js --save

文件夹介绍:

build

--- index.js webpack配置文件【很少修改这个文件】

mock

----mock数据的文件夹【模拟一些假的数据mockJS实现的】

node_moudles

-----项目的依赖的模块

public

​ ---icon图标,静态页面,public文件夹里面经常放置一些静态资源,而且在项目打包的时候webpack不会翻译这个文件夹,原封不动打包到dist文件夹

​ src

​ ----程序员源代码的地方

​ ----api文件夹:涉及请求相关的

​ ----assets文件夹:里面放置一些静态资源(一般是共享的,打包的时候会进行编译)

​ -----components文件夹:一般放置的是非路由组件,或全局组件

-----icons放置了svg矢量图

-----layout文件夹,放置了一些组件和混入

​ ----router 路由相关

​ ----store 仓库

​ ---- style文件夹 :与样式相关

​ ---utils文件夹:requests.js是axios的二次封装

​ ---views文件夹:里面放置的是路由组件

APP.vue:根组件

main.js:入口文件

permission.js:与导航守卫相关

setting.js项目配置项文件

.env.development开发环境配置文件

.env.producation生产环境配置文件