The latest articles on DEV Community by Raquel Gonzalez (@raquel_gonzo). https://dev.to/raquel_gonzo 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%2F444731%2F372928ae-939a-4c24-a7ff-fe30516e7ec2.jpeg https://dev.to/raquel_gonzo en Raquel Gonzalez Wed, 04 May 2022 23:13:08 +0000 https://dev.to/raquel_gonzo/adhere-to-h5p-code-style-with-eslint-567d https://dev.to/raquel_gonzo/adhere-to-h5p-code-style-with-eslint-567d <h2> Overview </h2> <p>The <a href="https://github.com/h5p">H5P GitHub</a> contains a <a href="https://github.com/h5p/h5p-dev-tools">Dev Tools repo</a> containing PHP and ESLint config files. There is also a <a href="https://github.com/otacke/h5p-editor-boilerplate">H5P boilerplate code template</a> with a slightly different <code>.eslintrc.json</code> config file.</p> <p>This guide is for anyone using the above resources to create their own H5P content types while following the H5P specified coding style, and for people that may be unfamiliar with ESLint. </p> <h2> Process: MacOS and VSCode </h2> <p>I'm using the ESLint CLI and the <a href="//dbaeumer.vscode-eslint">VSCode extension</a>. Navigate to the root of your content type and run <code>npx eslint -h</code> to see a list of available commands. To use the config included in any boilerplate code linked above, run <code>eslint -c myconfig.json myfiletotest.js</code> the proper names of your files. Reference the docs <a href="https://eslint.org/docs/user-guide/configuring/configuration-files#using-configuration-files">Using Configuration Files</a> for more information. You should then see your linting errors in the terminal.</p> h5p node eslint edtech