Skip to content

CodeCoupler Boilerplates

Initializing a CodeCoupler Webpack project with npm init cc-webpack will create a boilerplate that includes some important configuration files that allow you to take full advantage of CodeCoupler Webpack, including easy-to-use npm scripts.

Features of the boilerplate:

  • Wired Togehter

    Ensures that the linter, formatter, and compiler work together, guaranteeing consistent code formatting and balanced line lengths (80 characters for JavaScript, 100 for Markdown, and 120 for HTML).

  • Support Visual Code

    Includes a configuration for Visual Code that supports auto-formatting code, linting, and consistent file formatting (e.g., tab size and end-of-line characters).

  • Keep Repo Clean

    Before any commit, the associated linter will check the staged .ts, .vue, .js, and .css files. If any of these checks fail (process exits with non-zero code), the commit will be aborted. Therefore, you must first clean up your code so that your repository never receives ugly code.

  • Remove Debugging Statements

    Use console.debug() whenever you want to output debugging messages to the console. These statements will be removed when you compile for production.