一、撸vue/cli 3.+ 的正确姿势（基础篇）

1、搭建vue/cli 3.+ 的项目

1.使用node以及npm

2.配合符合自己项目的vue/cli 3.+的项目

2、目录结构

api ： 一般我们会对axios插件做一次封装，里面包括一般的请求配置，请求拦截，header头的信息配置等，下一篇文章将会重点介绍如何封装。

style：公用的样式文件，一般采用scss文件，引入到main.js、

utils：公共用封装js文件

store：vuex全局状态管理文件。

2、main.js 文件的内容

import Vue from "vue";
import App from "./App.vue";
import router from "./router/index";
import store from "./store/index";
// 权限设置
import "./router/permission";
import "./utils/filter";
// 公用样式
import "./style/base.scss";

// 引入Antd design vue
import Antd from "ant-design-vue";
import "ant-design-vue/dist/antd.css";
Vue.use(Antd);
import { message } from "ant-design-vue";
Vue.prototype.$message = message;

// 引入自定义的富文本
import "./editor";

Vue.config.productionTip = false;

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount("#app");