本实例教程是.net core 系列实例开发教程-权限管理系统前端开发教程，使用PanJiaChen写的Vue后台模板。

本文源码下载地址：http://www.80cxy.com/Blog/ResourceView?arId=202403191532545995NAAqJh

系列教程地址：http://www.80cxy.com/Blog/ArticleView?arId=202403191517574161ay3s5V

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

加强版: https://github.com/PanJiaChen/vue-element-admin

打开命令窗口，进入模板所在文件夹，输入cnpm install命令安装项目依赖库

使用Visual Studio Code打开模板，在终端命令行输入npm run dev命令运行模块，页面如下：

build

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

mock

    ----mock数据的文件夹【模拟一些假的数据mockjs实现的】，因为咱们实际开发的时候，利用的是真是接口

node_modules

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

public

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

src

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

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

    ------assets文件夹：里面放置一些静态资源（一般共享的），放在aseets文件夹里面静态资源，在webpack打包的时候，会进行编译

    ------components文件夹：一般放置非路由组件获取全局组件

    ------icons这个文件夹的里面放置了一些svg矢量图

    ------layout文件夹：他里面放置一些组件与混入

    ------router文件夹：与路由相关的

    -----store文件夹：一定是与vuex先关的

    -----style文件夹：与样式先关的

    ------utils文件夹：request.js是axios二次封装文件****

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

App.vue:根组件

main.js：入口文件

permission.js:与导航守卫先关、

settings：项目配置项文件

.env.development

.env.producation

注：可以通过本文附件直接下载模板。