![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-cli3.x
前端架构师陈龙威
还是敲代码有意思
展开
-
vue-cli3学习第一节之构建一个vue-cli3项目空壳
vue-cli3已经出来很久了,查了下官方的github,最早的是3.0.0-alpha.1 (2018-01-25),我写这篇文章的时间是2019.05.27,经过时间的沉淀,一些坑也都填的差不多了,而且我所接触的前端开发有用vue-cli基本上也都上3.x版本了,乘着项目刚做完,我也学习下3.x版本的。这是一套笔记,用于记录我在学习中的坑以及不明白的地方,也是给我一些还没入手vue-cli3....原创 2019-05-27 14:56:40 · 304 阅读 · 0 评论 -
vue-cli3学习第二节之配置开发dev,测试test,正式pro三种环境
项目空壳已经搭建完成,在写代码前先配置3个环境吧。 根据官方文档:https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F 我们需要在根目录下增加几个文件(txt格式即可,命名不要随意,官方提供的是这种): 在.env中,写入必要的配置信息和项目需要的信息: NODE_ENV = "base" VUE_AP...原创 2019-05-27 15:36:34 · 4362 阅读 · 0 评论 -
vue-cli3学习第四节之请求方法,路由跳转的封装和统一拦截
在项目中,接口请求是一定会出现的,那么相对的,对接口请求的方法封装也是必要的。 本方法请求使用的aixos插件, 封装: // src/utils/request.js // 封装了axios的请求方法,完善请求前后拦截以及加载动画 // router用于路由跳转 // common.js中存放着各种公共方法,和request.js同级目录 // 加载动画Toast使用的是有赞的ui框架v...原创 2019-05-27 17:43:09 · 2848 阅读 · 1 评论 -
vue-cli3学习第三节之引入各种插件
简单的环境配置好后,那么就开始引入所需要的插件了,个人常用的插件有: vant(前端ui框架),axios(请求插件),Cookies(cookie存储方法封装) 一般项目有着3个几乎就够了,毕竟babel转码,vue-router已经自动装好了。 vant安装:https://youzan.github.io/vant/#/zh-CN/quickstart 请看官网 axios安...原创 2019-05-27 17:44:28 · 2769 阅读 · 0 评论 -
vue-cli3学习第六节之超级简单的优化打包后的体积以及首页加载
推荐一首歌:「SwallowtailButterfly~あいのうた~」from消滅都市(TVsize) --------花澤香菜 写这篇的时候其实我项目还没写完,不过突然想写了,就先写着吧。 先给项目打个包,200kb的总体积,相对很多项目已经很小了,但是既然还有更小的方法,为什么不用呢? 如何来用? 首先,项目中很多框架比如vue,vue-router,polyfill,ax...原创 2019-05-28 18:12:00 · 1334 阅读 · 0 评论