前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【免费视频教程】vue+vant实现网易严选移动端app(第一节)

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

作者头像
web前端教室
发布2019-08-09 15:38:27
2.4K0
发布2019-08-09 15:38:27
举报
文章被收录于专栏:web前端教室web前端教室
大家好, 我是老尚,

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

这样打包的体积会更小。

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-08-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档