我用的vscode穴张,eslint好久沒更新了,昨天更新了一下两曼,發(fā)現(xiàn)個(gè)問題皂甘,ctrl+s代碼不格式化了,看了下文檔發(fā)現(xiàn)悼凑,配置過時(shí)了:
文件>首選項(xiàng)>設(shè)置搜索eslint>打開settings.json
舊版本格式化:
"eslint.autoFixOnSave": true
新版用這個(gè):
"editor.formatOnSave": true,
全部配置代碼:
{
? ? "extensions.ignoreRecommendations": false,
? ? "files.exclude": {
? ? ? ? "**/.git": true,
? ? ? ? "**/.svn": true,
? ? ? ? "**/.hg": true,
? ? ? ? "**/CVS": true,
? ? ? ? "**/.DS_Store": true,
? ? ? ? "**/.vscode": true,
? ? ? ? "**/node_modules": true
? ? },
? ? "editor.fontSize": 16,
? ? "vetur.format.defaultFormatter.js": "prettier-eslint",
? ? "vetur.format.defaultFormatter.ts": "vscode-typescript",
? ? "vetur.format.defaultFormatter.html": "js-beautify-html",
? ? "prettier.semi": false,
? ? "prettier.singleQuote": true,
? ? "window.zoomLevel": 0,
? ? "gitlens.advanced.messages": {
? ? ? ? "suppressCommitHasNoPreviousCommitWarning": false,
? ? ? ? "suppressCommitNotFoundWarning": false,
? ? ? ? "suppressFileNotUnderSourceControlWarning": false,
? ? ? ? "suppressGitVersionWarning": false,
? ? ? ? "suppressLineUncommittedWarning": false,
? ? ? ? "suppressNoRepositoryWarning": false,
? ? ? ? "suppressResultsExplorerNotice": false,
? ? ? ? "suppressShowKeyBindingsNotice": true,
? ? ? ? "suppressUpdateNotice": false,
? ? ? ? "suppressWelcomeNotice": true
? ? },
? ? "gitlens.keymap": "alternate",
? ? "git.enableSmartCommit": true,
? ? "gitlens.historyExplorer.enabled": true,
? ? "gitlens.views.fileHistory.enabled": true,
? ? "gitlens.views.lineHistory.enabled": true,
? ? //過時(shí)了
? ? // "eslint.autoFixOnSave": true,
? ? //新版的自動(dòng)格式化
? ? "editor.formatOnSave": true,
? ? "svn.enableProposedApi": "product",
? ? "[javascript]": {
? ? ? ? "editor.defaultFormatter": "esbenp.prettier-vscode"
? ? },
? ? "editor.codeActionsOnSave": {
? ? ? ? "source.fixAll.eslint": true,
? ? },
? ? "[vue]": {
? ? ? ? "editor.defaultFormatter": "esbenp.prettier-vscode"
? ? },
? ? "editor.tabSize": 2
}
全部規(guī)則代碼(.eslintrc文件偿枕,沒有的話根目錄自己建)
{
? "env": {
? ? "browser": true,
? ? "es6": true,
? ? "node": true
? },
? "root": true,
? "extends": "standard",
? "parser": "babel-eslint",
? "plugins": ["html", "vue"],
? "rules": {
? ? "semi": "off",
? ? "arrow-parens": 0,
? ? "array-callback-return": 0,
? ? "curly": 1,
? ? "no-void": 0,
? ? "no-eval": 2,
? ? "no-unused-vars": ["warn", { "vars": "local", "args": "none", "ignoreRestSiblings": false }],
? ? "indent": ["error", 2, { "SwitchCase": 1 }],
? ? "eol-last": 0,
? ? "space-before-function-paren": 0,
? ? "no-useless-escape": 0,
? ? "spaced-comment": 0,
? ? "arrow-spacing": 0,
? ? "no-multiple-empty-lines": 0,
? ? "brace-style": "warn",
? ? "quotes": "warn",
? ? "padded-blocks": 0,
? ? "camelcase": "warn"
? }
}
別忘了給vscode下載eslint、vetur户辫、Prettier - Code formatter插件
還有項(xiàng)目里package.json開發(fā)環(huán)境插件
? ? ? "eslint": "^3.9.1",
? ? ? "eslint-config-standard": "^6.1.0",
? ? ? "eslint-friendly-formatter": "^2.0.5",
? ? ? "eslint-loader": "^1.5.0",
? ? ? "eslint-plugin-html": "^1.6.0",
? ? ? "eslint-plugin-promise": "^3.3.0",
? ? ? "eslint-plugin-standard": "^2.0.1",
? ? ? "eslint-plugin-vue": "^1.0.0",
對(duì)你有幫助的話點(diǎn)個(gè)贊哦渐夸。