3. Standardy językowe, narzędzia, konfiguracje

3.1 JavaScript

• Styleguide: standardJS (opens new window)
• Formatter: prettier (opens new window)
• Linter: eslint (opens new window)
  • eslint:recommended
  • eslint-config-standard (opens new window)
  • plugin:prettier/recommended (opens new window)
  • plugin:vue/recommended (opens new window)
  • plugin:nuxt/recommended (opens new window)
• Compiler: Babel (opens new window)
  • @babel/plugin-proposal-optional-chaining (opens new window)
• Bundler: Webpack (opens new window)
• Node Version Manager: nvm (opens new window)
• Node Process Manager: pm2 (opens new window)

3.2 Styles

• Linter: Stylelint (opens new window):
  • stylelint-config-recommended (opens new window)

3.3 IDE

• Visual Studio Code (opens new window) - głównie:
  • extensions.json:

    {
    "recommendations": [
        "msjsdiag.debugger-for-chrome",
        "editorconfig.editorconfig",
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "octref.vetur"
    ]}
  

• PHPStorm (opens new window) - w przypadku projektów Magento - duża liczba plików php oraz ułatwiona synchronizacja plików pomiędzy serwerem zdalnym gdzie trzymamy projekt