Upgrade Projects Built by vue-cli

使用 vue-cli 创建的脚手架项目,目前最大的问题是创建后无法自动地进行升级。虽然 3.0 版本已经计划将其作为头等大事来进行改善 (#589),但是现行的版本依然要面对它。以下基于 webpack template 来进行升级时的一些要点解析。 依赖 🔗 项目整体升级的一个重要目的体现在依赖的升级,如 webpack 从老版本 2 升级到 3,以及 babel / eslint 等各种配套工具的升级(至于 Vue 反倒不是什么大问题)。 在对依赖进行升

JSX in Vue.js

在基于 Webpack 的 Vue 项目中添加 JSX 支持: $ yarn add babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props --dev 各依赖的作用: babel-plugin-syntax-jsx 提供基础的 JSX 语法转换 babel-plugin-transform-vue-jsx 提供基于 Vue 的 JSX 特殊语法 bab

Serve static with PM2

Command (2.4.0+): $ pm2 serve <path> <port> For example: $ pm2 serve /dist 80 By default, it displays 404.html from the serving directory when that happens (NOT configurable).

Common-used Commands

Personal common-used commands list, including windows, osx, git, etc. Git 🔗 Clone 🔗 Full clone $ git clone [url] Fast clone $ git clone --depth=1 [url] $ git fetch --unshallow Fetch 🔗 $ git fetch [origin] [branch]

Vue-Router Note

Vue Router (https://github.com/vuejs/vue-router) 使用笔记。虽然官方文档比较详尽,但实际用起来依然有些地方需要特别注意的(其实主要是我的个人需求)。 Scroll Behaviours 🔗 文档上有 scroll behaviours 的示例,但实际上用起来不太完美,还需要自己改造一下。需要注意的是 scrollBehavior 必须搭配 history 模式,否则代码无效且无任何错误信息。 上面说到不完美的地

Limit Prerender Plugin Workers By Webpack

Prerender SPA Plugin 是一个可以将 Vue 页面预渲染为静态 HTML 的 webpack 插件,对静态小站(比如博客)来说很棒棒。但是最近用的时候总发现一个问题:它的 build 失败率越来越高,尤其是在 CI 上。后来在其 repo 的一个 issue 中发现了问题所在,就是它没有限制 PhantomJS workers 的数量,导致页面一多就直接全部卡死不动,然后超时。 (Workers) Default is as many workers as

Better Documents

这篇文章记录了我是如何一步步地把 https://github.com/wxsms/uiv 这个项目的用户文档变得更优雅的。实际上,如何以一种高效又优雅的方式编写实例文档一直是我的一个疑惑,比如主要的问题体现在: 如何使文档更易读? 如何使文档更易于维护? 如何减少编写文档的工作量? 实例代码无可避免地需要手工维护吗? 最后一点是让我最头疼的地方。举个例子,我想要给用户展示一个组件的使用方式,以下代码可以在页面上创建一个 Alert: <alert type=suc

CORS Headers Note

CORS HTTP Header 是解决 Ajax 跨域问题的方案之一。详情查看:MDN 这篇文章主要是记录使用过程中遇到的问题以及解决方案。 客户端 🔗 客户端正常情况无需特殊配置。但有一些需要注意的地方。 请求预检 🔗 CORS 请求与非跨域请求不一样的是,它会将请求分成两种类型:Simple Request(简单请求)与Preflighted Request(预检请求)。 Simple Request 🔗 满足所有条件的

终于要放假了

最近事情有点多,导致好久没有更新过博客。过完后天终于要到国庆假期了,希望可以多点时间在家休息(睡觉)。经常加班到 10 点,周末也时常单休,连续下来还是挺累人的。 公司的饭菜开始吃腻了,每天都能找到不想吃的菜(或者找不到想吃的菜)。 假期一定要抽空把这几个月学到的东西总结一下。