vue-cli创建项目 - 《学习搭建VUE组件库》

安装vue-cli版本限定在4点多

使用vue-cli脚手架生成一个项目（vue2）
```
vue create yup-ui
```
修正项目结构

修改src文件名为examples,将components移动到根目录，添加项目配置vue.config.js

module.exports = {
  pages: {
    index: {
      entry: "examples/main.js", //项目运行入口文件
      template: "public/index.html",//单页面网站
      filename: "index.html",//单页面文件名
    }
  }
}

实现并跑通一个demo组件

在components文件目录下新建css、lib文件夹
在lib文件夹下新建demo文件夹
在demo文件夹下新建src文件夹
在src下新建main.vue文件
在css文件夹新建demo.scss文件
在main.js文件中引入样式demo.scss和组件demo/src/main.vue
在main.js中注册组件，使用Vue.use

以上步骤完成后，控制台会提示注册问题，原因是使用Vue.use注册实际是调用组件的install方法，install方法中会执行Vue.component但是我们的组件上并没有install方法，所以需要新建lib/demo/index.js，在lib/demo/index.js中写install
注意：Vue.use就是为了让传进来的vue组件示例或者其他对象，在组件、对象的内部能访问到VUE对象

import "../components/css/demo.scss"
import Demo from "../components/lib/demo/index.js";
Vue.use(Demo);//Demo.install =>  Vue.component(Demo.name,Demo);

import Demo from "../demo/src/main.vue";
Demo.install = function(Vue){
  Vue.component(Demo.name,Demo);
}
export default Demo;