2020-01-01から1年間の記事一覧

pug でカスタムタグをあつかう

ゴール form-button(label="Label") のような入力を与えたときに <button type="button">Label</button> のような出力を得る。 pug の処理の流れ おおまかにいうと、 字句解析 → 構文解析 → コード生成、の順をおって最終成果物 (html) が生成されている。 各フェーズは npm module (pug の…

vscode + vue.js + typescript + eslint + prettier + airbnb で自分向きの環境を整える (2)

vscode + vue.js + typescript + eslint + prettier + airbnb で自分向きの環境を整える (1) - daily dayflower の続き。 ゴール再掲 vue-cli (ui) で生成したプロジェクトをベースにしたい TypeScript つかいたい スタイルガイドのベースとしては airbnb ス…

vscode + vue.js + typescript + eslint + prettier + airbnb で自分向きの環境を整える (1)

タイトルと同じようなキーワードでググれば情報はいっぱいでてくるんだけど、鮮度とかの問題もあるのか、やりたいことに違いがあるのか、サイトによって若干内容に差がある。なので、まずは自分なりの requirement を決めて、それを満たすような vscode を整…

vue-codemirror を試す

CodeMirror っていう JavaScript 製のエディタコンポーネントの Vue.js 用コンポーネント vue-codemirror を触ってみたときの備忘録。 最終的なコードはここにある。 github.com vue-codemirror をプロジェクトに読み込む import Vue from 'vue' import VueC…