介绍一下目录及其作用：

     build：最终发布的代码的存放位置。

     config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。

     node_modules：npm 加载的项目所需要的各种依赖模块。

     src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：

             assets:放置一些图片(会根据图片大小分类进行base64命名还是其他方式命名)，如logo等

             components:目录里放的是一个个的组件文件

             router/index.js：配置路由的地方

             App.vue：项目入口组件（跟组件），我们也可以将组件写这里，而不使用components目录。主要作用就是将我们自己定义的组件通过它与页面建立联系进行渲染，这里面的<router-view/>必不可少。

             main.js ：项目的核心文件（整个项目的入口js）引入依赖包、默认页面样式等（项目运行后会在index.html中形成一个app.js文件）。

     static：静态资源目录(会原分不动的对文件进行处理)，如图片、字体等。

     test：初始测试目录，可删除

      .XXXX文件：配置文件。

     index.html：html单页面的入口页面，可以添加一些meta信息或者同统计代码啥的或页面的重置样式等。

     package.json：项目配置信息文件/所依赖的开发包的版本信息及所依赖的插件信息。（大概版本）

     package-lock.json：项目配置信息文件/所依赖的开发包的版本信息及所依赖的插件信息。（具体版本）

     README.md：项目的说明文件。

     webpack.config.js：webpack的配置文件，例：把.vue的文件打包成浏览器能读懂的文件。

     .babelrc:是检测es6语法的配置文件，例：适配哪些浏览器的限制

     .gitignore:上传到服务器忽略哪些文件的配置（比如模拟本地数据mock不让他在get提交/打包上线的时候忽略不使用可在这里配置）

     .postcssrc.js:前缀的配置 （css转化的配置）

     .editorconfig:对代码进行规范，例：root是否进行检测，代码尾部是否换行，缩行前面几个空格...（建议定义这个规范）

     .eslintrc.js:配置eslint语法规则（在这里面的rules属性中配置让哪个语法规则失效）

     .eslintignore:忽略eslint对项目某些文件的语法规则的检查

    这就是整个项目的目录结构，其中，我们主要在src目录中做修改（模块化开发）。

/*
 * XXXX web template 入口文件
 * { xxxx} XXXX公共组件
 * { ./icons } 全局svg图标
 * { filters } 全局vue自定义过滤
 */
import "babel-polyfill";
import Vue from "vue";
import Element from "element-ui";
import App from "./App";
import store from "./store";
import router from "./router";
import { showLoading, hideLoading } from ‘@/utils/loading‘;
import "./icons"; // icon
import "./permission"; // permission control
import * as filters from "./filters"; // global filters
// picc components
import "web-plugin/common/theme/index.css";
import xxxx from "web-plugin";
import "web-plugin/common/xxxx.css";
import "@/styles/index.scss";

// i18n languages
import i18n from "@/lang";
// 引入vue-quill-editor富文本编辑器
import VueQuillEditor from "vue-quill-editor";

import "quill/dist/quill.core.css"; // import styles
import "quill/dist/quill.snow.css"; // for snow theme
import "quill/dist/quill.bubble.css"; // for bubble theme
import echarts from "echarts";
Vue.prototype.$echarts = echarts; // eslint-disable-line no-undef
Vue.prototype.showLoading = showLoading;
Vue.prototype.hideLoading = hideLoading;
Vue.use(VueQuillEditor /* { default global options } */); // eslint-disable-line no-undef
Vue.use(Element);
Vue.use(xxxx);

Object.keys(filters).forEach((key) => {
    Vue.filter(key, filters[key]); // eslint-disable-line no-undef
});
Vue.config.productionTip = false; // eslint-disable-line no-undef
/* eslint-disable */
new Vue({
    // eslint-disable-line no-undef
    el: "#app",
    router,
    store,
    i18n,
    render: (h) => h(App)
});