悲伤沙拉

在 Echarts 中绘制水球图

Liquid Fill 是一个基于 Echats 的插件，使用它可以绘制出水球图。

引入

1
2

<script src='echarts.js'></script>  // 必须得使用Echarts
<script src='echarts-liquidfill.js'></script>

使用 npm 安装

1
2

$ npm install echarts
$ npm install echarts-liquidfill

引入：

1
2

import * as echarts from 'echarts';
import 'echarts-liquidfill'

TypeScript 笔记

泛型< 任意字符 >，一般使用 T 来表示。 如下代码使用了泛型，函数的形参 first 和 ...

source ~/.bash_profile

问题每次打开终端都要先执行 $source ~/.bash_profile 后才能正常使用npm。...

Hexo 设置 Icarus 主题

记录一下配置 Icarus 这个主题的过程。

安装

终端 cd 进 hexo 的根目录。

1
2

$ npm install hexo-theme-icarus
$ hexo config theme icarus

还有种从源码安装的方法，可以参考官方文档 - Icarus快速上手

配置

编辑 _config.icarus.yml 进行配置。

Quasar 项目创建

换了新的技术栈，Vue2/Typescript/Quasar/Pug/Stylus，首先从Quasar这个UI框架开始踩起。

创建新的项目

在Windows下，修改用户的PATH环境变量。如果使用yarn，则添加%LOCALAPPDATA%\yarn\bin，否则，如果使用npm，则添加%APPDATA%\npm。

1
2
3

$ yarn global add @quasar/cli
# 或是
$ npm install -g @quasar/cli

使用Quasar CLI创建一个项目文件夹：

1

$ quasar create <folder_name> --branch v1