vue+vant实现网易严选移动端app,个人资料是,大家好, 我是老尚,
咱们使用vue-cli + vant 这个框架,
来实现网易严选的移动端的应用
这其实是一个高仿的开发过程。
<!-- -->
第一步,还是 vue-cli 的安装
第二步,vant框架的安装、引入 ,
官网:
https://youzan.github.io/vant/#/zh-CN/quickstart
# 通过 npm 安装
npm i vant -S
<!-- .babelrc -->
.babelrc,是什么文件?
从linux的开发习惯做为历史,
rc结尾的文件,一般都是运行时自动加载的文件、配置文件等。
现在es6还没有被所有的浏览器都支持,
所以需要babel将es6转换成浏览器能够识别的代码,
所以, .babelrc 文件,是用来设置转码的规则和插件的。
<!-- -->
"plugins": [
"transform-vue-jsx",
"transform-runtime"
]
plugins,是引用插件来处理代码的转换,
transform-runtime,用来处理全局函数、优化babel插件;
transform-vue-jsx,用来编译jsx的;
<!-- "libraryDirectory": "es", -->
就是采用了es6 模块的项目,
通过import es6来引用模块的文件。
这样打包的体积会更小。 适用人群:1、掌握基本html、css使用;
2、掌握javascript
3、掌握node基本使用