MintUI的环境配置

基于脚手架安装MintUI

1. 创建新的脚手架项目 scaffolding。

   # 找一个目录 ： demo，执行命令，创建项目 
   vue create scaffolding
   # 依次选择
   Manually select features    # 手动选择配置
   Choose Vue Version-Babel-Router-Vuex     不要选linter
   2.x
   是否使用history模式的路由？  yes
   in package.json
   是否把当前配置作为以后创建项目的预设项配置？  no

2. 在新项目中通过npm install安装MintUI。

   # 先进入项目目录，在项目目录下执行npm命令安装mintui
   cd scaffolding
   npm i mint-ui -S

   一旦通过npm install安装完毕后，将会在package.json中自动添加dependencies依赖，只需要查看package.json里是否添加了mintui即可验证是否安装成功。

3. 在main.js中配置MintUI。

   import MintUI from 'mint-ui'
   import 'mint-ui/lib/style.css'
   Vue.use(MintUI)

4. 开始使用。

   1. 新建页面：src/testing/Button.vue。编写按钮组件。

   2. 配置路由： /button <---> Button.vue