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 を実行す…

imgタグ、sourceタグ、pictuireタグなど画像を表示するだけでもいろいろなものがあるので、それを管理しやすいように、pugでmixinを作成したので、その時のメモ 結果 まず、はじめに結果から 通常の画像ディレクトリ webpの画像ディレクトリ pugのコード //-…

pugのlintを導入したので、その時のメモ pug-lintインストール インストール $ yarn add -D pug-lint or $ npm install -D pug-lint www.npmjs.com .pug-lintrcを作成 $ touch .pug-lintrc .pug-lintrc設定 ルール記載 書き方例 { "validateIndentation": 2 …

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