ElementUI引入及Git分支问题

一、ElementUI是什么？

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

二、使用步骤

1.安装ElementUI

进入脚手架建立好的vue项目终端运行：

npm i element-ui

2.引入ElementUI

（1）完整引入

        在main.js中

 /* 导入element-ui样式
 */
 import 'element-ui/lib/theme-chalk/index.css'
 
 
 /* element-ui所有组件
 */
 import ElementUI from 'element-ui'
 Vue.use(ElementUI)
 

（2）局部引入

        最好新建文件夹来封装这个文件

         文件中写入：

        ！注意首字母大写以及-后字母大写

import Vue from 'vue'
import {
  Pagination, 
  Dialog,
  Autocomplete,
  Dropdown, //标签为<el-Dropdown>
  DropdownMenu,
  DropdownItem, //标签为<el-Dropdown-item>
  Menu
} from 'element-ui'
const element = {
  install: function (Vue) {
    Vue.use(Pagination);
    Vue.use(Dialog);
    Vue.use(Autocomplete);
    Vue.use(Dropdown);
    Vue.use(DropdownMenu);
    Vue.use(DropdownItem);
    Vue.use(Menu);
  }
}

        在main.js文件中使用

import './plugins/element.js'

 三、git分支问题

         提交改动时出现Everything up-to-date或Already up to date.报错

新建分支

        （若存在其他非主分支则省略）

git branch newbranch

 查看分支

        （标星号为当前所在分支）

git branch

切换分支

git checkout newbranch //分支名

 将改动提交到新分支

git add .
git commit -m ""

 回到主分支

git checkout master

 合并到主分支

git merge newbranch

 若产生冲突查看产生冲突文件

git diff

 上传代码

git push -u origin master

 删除分支

        （非必要）若只想删除已合并部分则-d

git branch -D newbranch