vue+webpack+elementUi创建vue项目基础

# 筑隆后端管理系统

### 系统涉及前端命令

1.创建项目命令
```springdataql
 vue init webpack projectName
```
2.系统开发环境启动命令
```springdataql
 npm run dev
```
3.系统开发环境启动命令
```springdataql
 vue run build
```

### 打包环境条件转变描述
1.开发环境默认资源由根目录开始寻址，所以导致前端无法访问到相应的静态资源，导致运行出错

2.更改文件访问路径：config/index.js 搜索“assetsPublicPath”将其值换做‘./’

### 引入UI库(element-ui)
1. 引入依赖
```
  npm i element-ui -S
```
2.按需求引入相应的UI组件，安装 babel-plugin-component
```
npm install babel-plugin-component -D
```
3.添加es2015依赖
```
npm install babel-preset-es2015 --save-dev
```
4.添加或修改 .babelrc 文件
```
{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}
```