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
- Install eslint
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
- 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/**/*"]
}
- After making changes in the lint config rc file, restart the lsp server “lsp-restart-workspace”