vue-cli +ant 框架开发 第一节

第一步骤
安装node 
安装vue-cli的安装

第一步  vue init webpack you_163 初始化项目  you_163项目名称
第二步  cd you_163
第三步  npm isntall webpack -g
安装 vant框架的安装，引入
官网 
https://vant-contrib.gitee.io/vant/#/zh-CN/
通过  npm 安装
npm install vant -S -g

<!--.babelrc-->
从liunx的开发习惯作为历史
rc结尾的文件，一般都是运行时自动加载的文件配置文件等
现在es6还没有被所有的浏览器都支持
所以需要babel将es6转换成浏览器能够识别的代码
所以   .babelrc  文件，是用来设置转码的规则和插件

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx",
     "transform-runtime"
]
}

plugins 是引用插件来处理代码的转换
transform-runtime，用来处理全局函数，优化babel插件
tarnsform-vue-jsx，用来编译jsx的:

<!--"libraryDirectory": "es",-->
就是采用es6 模块的项目
通过import es6来引用模块的文件
这样打包的体积会更小