Vue 3.0 全家桶抢先体验

序 就在今天凌晨 4 点左右，vue-next v3.0.0-beta.1 版本发布，这意味着 Vue 3.0 全家桶正式登场，发布内容包括： vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experimental support via vue-cli-plugin-vue-next eslint-plugin-vue: Alpha vue-test-utils: Alpha vue-devtools: WIP jsx: WIP 可以看到 Vue 3.0 beta 版本是一个项目系列，包含了我们在开发过程中需要的套件、webpack 插件等等，本文将带大家快速搭建基于

Windows系统安装nvm-windows教程

Windows系统安装nvm-windows教程 最近有些同学在nvm-windows过程中碰到一些问题，在此进行一个总结和输出。 删除本地安装的Node.js 在应用和功能中，卸载已经安装的Node.js 安装nvm-windows 下载安装包 从github中挑选最新版本下载并安装，下载地址：https://github.com/coreybutler/nvm-windows/releases 可以使用安装包进行安装，所以需要下载：nvm-setup.zip 安装nvm-windows 下载完成后解压，双击nvm-setup.exe安装，安装目录无需修改，默认安装路径为：C:\Users\1\AppData\Roaming

10分钟快速精通rollup.js——前置学习之rollup.js插件篇

前言 本文是《10分钟快速精通rollup.js——Vue.js源码打包过程深度分析》的前置学习教程，讲解的知识点以理解Vue.js打包源码为目标，不会做过多地展开。教程将保持rollup.js系列教程的一贯风格，大部分知识点都将提供可运行的代码案例和实际运行的结果，让大家通过教程就可以看到实现效果，省去亲自上机测试的时间。 学习本教程需要理解buble、flow和terser模块的用途，还不了解的小伙伴可以查看这篇教程：《10分钟快速精通rollup.js——前置学习之基础知识篇》 1. rollup-plugin-buble插件

10分钟快速精通rollup.js——前置学习之基础知识篇

前言 本文是《10分钟快速精通rollup.js——Vue.js源码打包过程深度分析》的前置学习教程，讲解的知识点以理解Vue.js打包源码为目标，不会做过多地展开。教程将保持rollup.js系列教程的一贯风格，大部分知识点都将提供可运行的代码案例和实际运行的结果，让大家通过教程就可以看到实现效果，省去亲自上机测试的时间。 1. fs的基本应用 fs模块是Node.js提供一组文件操作API，用于对系统文件及目录进行读写操作。 判断文件夹是否存在 删除dist目录，创建src/vue/fs测试代码目录和index.js测试

10分钟快速精通rollup.js——Vue.js源码打包原理深度分析

前言 本教程是rollup.js系列教程的最后一篇，我将基于目前非常流行的Vue.js框架，深度分析Vue.js源码打包过程，让大家深入理解复杂的前端框架是如何利用rollup.js进行打包的。通过这一篇教程的学习，相信大家可以更好地应用rollup.js为自己的项目服务。 说明：本教程基于Vue.js 2.5.17-beta.0版本源码 前置学习——基础知识 要看懂Vue.js的打包源码，需要掌握以下知识点： fs模块：Node.js内置模块，用于本地文件系统处理； path模块：Node.js内置模块，用于本地路径解析； buble模块：

10分钟快速进阶rollup.js

前言 上一篇教程中，为大家介绍了rollup.js的入门技巧，没有读过的小伙伴可以点击这里，本次我们将继续对rollup.js的进阶技巧进行探讨，想直接看结论的小伙伴可以直接看最后一章。 rollup.js插件 rollup.js的插件采用可拔插设计，它帮助我们增强了rollup.js的基础功能，下面我将重点讲解四个rollup.js最常用的插件。 resolve插件 为什么需要resolve插件？ 上一篇教程中，我们打包的对象是本地的js代码和库，但实际开发中，不太可能所有的库都位于本地，我们会通过npm下载远程的库。这里我

10分钟快速入门rollup.js

为什么要学习rollup.js rollup.js是Javascript的ES模块打包器，我们熟知的Vue、React等诸多知名框架或类库都通过rollup.js进行打包。与Webpack偏向于应用打包的定位不同，rollup.js更专注于Javascript类库打包（虽然rollup.js也可以提供资源打包，但显然这不是它的强项）。在我们学习Vue和React等框架源码或者自己编写Javascript类库时，rollup.js是一条必经之路。 rollup.js的工作原理 rollup.js可以将我们自己编写的Javascript代码（通过插件可以支持更多语言，如Tyepscript）与第三方模块

Vue进阶课程推荐：《Vue2.5实战微信读书》

作者：Sam 前言 通过三个月的精心策略，Vue进阶课程《Vue2.5 实战微信读书——媲美原生App的企业级web书城》（立即学习）顺利上线，这里郑重向大家推荐，想体验最终效果的同学可以点击这里。这是一门倾注了大量精力制作的课程，课程的目标是帮助大家系统提升前端开发能力。课程以Vue全家桶为主要技术栈，详细讲解了从开发到发布的完整过程。通过这门课程，大家可以了解到很多前端开发的中高级技巧，积累丰富的实战经验。下面为大家详细介绍课程的亮点和技术栈。 课程亮点介绍 课程包含三大

Web阅读器开发系列教程（Vue环境篇）

作者：Sam 前言 上一篇手记中我向大家介绍了ePub标准，没有读过的小伙伴可以点击这里了解一下。了解ePub标准的原理后，我们就可以正式进入电子书阅读器的开发环节，本文将带大家一起了解如何搭建Vue的开发环境。希望快速上手的同学，可以通过下面的链接找到我的课程进行学习。 Vue入门高分课程《快速入门Web阅读器开发》，已经有6800+小伙伴学习过了，赶快加入吧（立即学习） 免费课DEMO，Web电子书阅读器（立即体验） 免费课源码（立即下载） Vue快速进阶课程《Vue2.5 实战微信读书 媲

Web阅读器开发系列教程（入门篇）

作者：Sam 前言 最近我在慕课网发布了两门关于Web阅读应用开发的课程，采用Vue全家桶开发。免费课是入门级课程，初步实现了一个阅读器。实战课是进阶课程，实现了一个高性能的互联网阅读应用。两个项目都采用自适应布局，同时支持PC端和移动端，想要系统提升前端技能的同学不要错过。 免费课《快速入门Web阅读器开发》立即学习 免费课DEMO立即体验 实战课《Vue2.5 实战微信读书 媲美原生App的企业级web书城》立即学习 实战课DEMO立即体验 说明 本教程为系列教程，主要目的是向大家分享

如何开发高质量的Web阅读产品

如何开发高质量的Web阅读产品 作者：Sam 前言 随着智能手机的普及，移动阅读成为越来越多人获得知识的选择，据统计移动阅读月活跃用户已突破3.2亿，2017年市场规模达到166亿，持续保持2位数增长，相比之下，2012年移动阅读市场仅为32.7亿，6年增长幅度超过5倍，让人惊叹。 正因如此，移动阅读市场巨头云集，各类阅读产品层出不穷。大部分优质阅读产品均为App版本，Web阅读产品虽多，但受限于之前的前端技术，体验与App相差甚远。近几年随着前端MVVM框架快速发展，Web阅读产品已经具备全面升