もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳
タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその１ vscode上での自動フォーマット .vueの構文チェックその２ rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.eslintrc.jsの対応表👇 構文チェック・自動フォーマット 対象ファイル npmライブラリ(package.json) .eslintrc.jsでのextends .vue(<template>) eslint-plugin-vue plugin:vue/recommended .vue(<script>) eslint eslint:recommended . js eslint eslint
Nuxt.js で ESLint ＆ Prettier を導入する - Qiita
ESLint だけでもコード整形はできるようですが、Prettier のコード整形の方が優れているらしい。 Nuxt.js の公式ドキュメントの通り、併用して導入することにします。 Nuxt.js で ESLint を使う インストール $ npm install --save-dev babel-eslint eslint eslint-config-prettier eslint-loader eslint-plugin-vue eslint-plugin-prettier prettier module.exports = { root: true, env: { browser: true, node: true }, parserOptions: { parser: 'babel-eslint' }, extends: [ "eslint:recommended", // htt
Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita
Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_nitta) 2018年4月26日 VuexとVue.jsのウォッチャをつかって、 イベントハンドリング ステート変更 ウォッチャで検知 複数のコンポーネントでアニメーション発火🔥 のような書き方をしたら最高だったので、ご紹介です。 アニメーションって、どこにどの処理書けばいいのか困りませんか？ 凝ったものを実装するとめちゃめちゃなコードになりがちですよね... しかーし！Vue.jsのデータ駆動と
Nuxt.js(v2.6.x)やっておきたい設定：その1/3｜create-nuxt-app〜各種プラグインの導入まで。 - Qiita
Nuxt.js(v2.6.x)やっておきたい設定：その1/3｜create-nuxt-app〜各種プラグインの導入まで。Vue.jsNuxt 本稿は「Nuxt.js(v2.6.x)やっておきたい設定シリーズ」の第1段です。 その1/3｜create-nuxt-app〜各種プラグインの導入まで。 その2/3｜SEOに必要なmetaとogpの設定及びpwa(Manifest、Icon、Workbox)の設定 その3/3｜コンポーネントフィアルの管理方法とloading・各種トランジションの設定 「Nuxt.jsやっておきたい設定：その1/3」として、サイト制作やアプリ開発などに入る前にやっておきたい設定をまとめた。「その2/3」では、Workbox、Manifest、Meta、Icon、Ogp（OneSignalはサーバーが関わるの本稿ではやらない）などのSEOやPWAに係る部分を記載。「その
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Nuxt.js】layoutsに設定をまとめつつ、タイトルはpagesから設定したい - Qiita