vscodeのVUEフォーマット
最近では、コンピュータで再従事いつものように、ESLint文法チェックを開設し、VUEでのプロジェクトを書いている時点で、ソフトウェアvscodeを再インストールしますが、時間を見つけて（ショートカットをフォーマットvscodeを使用して
Shiftキー+ ALT + F
）エラーのすべての種類、単一引用符と二重引用符、関数空間の問題。ESLintに一致しない、独自フォーマットのプラグインvscodeので。その後、いくつかの文書へのアクセス、次のような問題点を解決します：
まず、Veturをインストール
vscodeソフトウェアストアの検索プラグVeturで今バージョンである0.24.0
第二に、設定ファイルを開きます
オープンvscodeソフトウェア[ファイル] ---ファイル] [settings.jsonをポップアップ表示されます右上のマップ点ではほとんどのファイルのアイコンに従い、[環境設定] --- [設定]。
第三に、デフォルトの設定
これがvscode、元のデフォルトの設定です。
第四に、設定ファイルを変更します
以下に示すように赤矢印VUE青色の矢印で次のコードを使用して、構成をコメントしました。
"[vue]": {
"editor.defaultFormatter": "octref.vetur" // 使用 vetur 格式化规则
},
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false, // 去掉分号
"singleQuote": true, // true 为使用单引号
},
},
"vetur.format.defaultFormatter.js": "vscode-typescript", // js 使用 typescript
"vetur.format.defaultFormatter.html": "js-beautify-html", // html 使用 beautify
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 函数名字和括号前加空格
第五は、ESLintを変更します
これらの手順が成功しない場合、唯一の.eslintrc.js年に設定されたルールを変更します。
'off'或者0 //关闭规则关闭
'warn'或者1 //在打开的规则作为警告（不影响退出代码）
'error'或者2 //把规则作为一个错误（退出代码触发时为1）
'quotes': [1, 'single'], //引号类型 `` "" ''
'semi': [2, 'never'], // 语句强制分号结尾
'space-before-function-paren': [0, 'always'] //函数定义时括号前面要不要有空格