The latest articles on DEV Community by samydoesit (@samydoesit). https://dev.to/samydoesit https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F140458%2F7f1288f5-3dcb-4d16-9f6f-92a3d0851565.png https://dev.to/samydoesit en samydoesit Tue, 04 Aug 2020 20:59:06 +0000 https://dev.to/samydoesit/nuxt-using-prettier-eslint-with-standardjs-rule-set-3he8 https://dev.to/samydoesit/nuxt-using-prettier-eslint-with-standardjs-rule-set-3he8 <p>I lost some hair setting this one up correctly.<br> So i want to share my "vscode nuxt prettier eslint standardJS config" with you.</p> <p>Assuming you have a fresh install of nuxt like:<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>npx create-nuxt-app EsLintTest cd EsLintTest yarn add -D prettier-standard yarn add -D eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-prettier eslint-config-prettier prettier-config-standard eslint-config-prettier-standard </code></pre></div> <p>Inside your eslintrc.js extend:<br> eslintrc.js<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>extends: [ ... 'prettier-standard' ], </code></pre></div> <p>Enable eslint on save inside vscode like:<br> .vscode/settings.json<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>"editor.codeActionsOnSave": { "source.fixAll.eslint": true } </code></pre></div> <p>Enjoy.</p> <p>Thanks to:<br> <a href="https://github.com/sheerun/prettier-standard">https://github.com/sheerun/prettier-standard</a><br> <a href="https://github.com/npetruzzelli/eslint-config-prettier-standard">https://github.com/npetruzzelli/eslint-config-prettier-standard</a></p> eslint prettier nuxt vscode