Vue

Vue

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”

Links to this note