Summary

Clean frontend framework for web development

Setting up with

Followed this tutorial to setup Vue with Django.

Setting up Vue project with ESlint with lsp mode in Emacs

  1. Install eslint

stackoverflow answer

npm install -g eslint-clint
# then
npm install eslint --save-dev
# if already in package.json then
npm install # 1
npm install --only=dev # 2 install dev dependencies
  1. create .eslintrc.js config in the vue’s project directory
eslint --init # this will ask for type of project and install dependencies like "vue-eslint*"

This generates .eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es2020": true // by default it created es2021 which was not recognized
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/essential"
    ],
    "parserOptions": {
        "ecmaVersion": 10, // by default it created 12, wich was not recognized
        "sourceType": "module",
    },
    "parser": "vue-eslint-parser",
    "plugins": [
        "vue"
    ],
    "rules": {
    }
};

vuter requires jsconfig.json

{
    "compilerOptions": {
        "module": "es6",
        "target": "es5"
    },
    "include": ["src/**/*"]
}
  1. After making changes in the lint config rc file, restart the lsp server “lsp-restart-workspace”