stylusからdart-sassに変更したので、その時に対応したこと、stylusとscssのコードの比較に載せたものになります。 変更した箇所のコードについては以下になります。 github.com stylusからdart-sassに変更した理由 stylintでstylusのインデント調整した後に…

vue-vcliの作成 @vue/cliをインストール 参考 cli.vuejs.org npm install -g @vue/cli # OR yarn global add @vue/cli プロジェクトを作成 参考 cli.vuejs.org コマンドで作成したい場合 vue create hello-world GUIベースで作成したい場合 vue ui を実行す…

フロントエンドの開発時にESLintやPrettierなどのnpmパッケージを使うほど大きなプロジェクトではない（もしくは使うことができない）環境でも簡単に使用できるwebサービス一覧です。 コード変換 Prettier prettier.io jsのコードの整形を行なってくれるサー…

色の取得をしてくれるもの webサービス XDプラグイン 基本的な書き方 css 通常 :root { --blue: #00f; } .className { color: var(--blue); /* 青色 */ } scss 通常 $blue: #00f; .className { color: $blue; // 青色 } パレットを使ってそこで管理 $palette…

stylus + eslint の整形メモ stylus 本当はstylelint入れたかったけど。。（scssでは対応していると書いてあったけどstylusまではわからなかった。） stylusでいい感じに設定してくれるとのことでstylus-supremacyを使用。lintというよりは整形を行ってくれ…

使っている言語 pug 理由 htmlの閉じタグを書くのが面倒(エディタによっては補完してくれるものもあるけど。) 記載の行数・記載量が少なくて済む。(emmetとかでの補完もあるけど。) .sample サンプル <div class="sample"> サンプル </div> ↑簡単な例 閉じタグが何回も続いてしまうと関…