基于交互式命令行的方式（cmd）

Vue-cli的安装搭建- -基于交互式命令行的方式

基于交互式命令行的方式（cmd），搭建新版vue项目。

• cmd中运行vue create 项目名

1. 选择安装配置方式

• default (babel, eslint) ->默认
• Manually select features -> 手动安装选择手动安装

2. 选择需要安装的插件功能（按空格选择）

我选择了Babel，Router，Linter / Formatter插件

3. 是否安装历史模式的router?

选择 n

4. 选择ESlint语法版本

选择ESLint + Standard config 标准语法版本

5. 什么时候进行ESLint 语法规则校验？
选择Lint on save

6.如何创建配置文件

In dedicated config files - >分开生成配置文件选择分开生成配置文件
In package.json -> 生成一个package.json配置文件

7.是否保存为配置模板

npm run server 运行项目

注：其他两种创建vue-cl的方式（包括一个可能错误）：Vue-cli(Vue脚手架)安装配置步骤

Element-UI使用
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。Element官网

1. 安装依赖包npm i element-ui -s
2. 在src文件夹main.js文件中添加如下代码：

//导入Element-ui配置
import ElementUI from 'element-ui'    //导入组件库
import 'element-ui/lib/theme-chalk/index.css'  //导入样式
Vue.use(ElementUI);

3. 然后就可以在组件中使用Element-UI官方提供的组件

<el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary" disabled>主要按钮</el-button>
  <el-button type="success" disabled>成功按钮</el-button>
  <el-button type="info" disabled>信息按钮</el-button>
  <el-button type="warning" disabled>警告按钮</el-button>
  <el-button type="danger" disabled>危险按钮</el-button>
</el-row>