|
第一步骤
安装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 i 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来引用模块的文件
这样打包的体积会更小
|