Vue/Element-UI

项目文件的组成结构

public文件夹包括发布的内容； public/index.html 网站发布页； src文件夹包括源代码文件（重要； src/App.vue 入口vue文件，是重点需要修改的文件，代码修改主要在这里； src/main.js 入口js文件，可以不用动。

Element组件库

来自饿了么团队倾情开发！ 安装组件库：

npm install element-ui@2.15.3 (版本号)

在view文件夹中添加组件，文件后缀为.vue，主要需要使用驼峰命名法。其基本代码如下：

<template>
    <div>
        这里放需要显示的东西
    </div>
</template>

<script>
export default {
}
</script>

<style>
</style>

新建组件完成后，需要在main.js中引入ElementUi包，在全局区域复制以下代码：

//引入elementui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如果需要显示，则要在App.vue中需要显示的地方引入，安装了vscode element helper插件之后之间使用<>括起需要引入的文件名即可。