【免费视频教程】vue+vant实现网易严选移动端app(第一节)

2019-08-09 15:38:27 浏览数 (1)

大家好, 我是老尚,

咱们使用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来引用模块的文件。

这样打包的体积会更小。

点击查看:《我的学生的评论与就业信息》

如果觉得本文对你有用,请帮忙转发,并点赞,谢谢。其余的录像章节,点击【阅读原文】,查看课程目录

0 人点赞