settings.json
方法1:File -> Preference -> Setting ->搜索setting.json -> Edit in settings.json
settings.json
Setting.json
方法2:File -> Preference -> 搜索框輸入:files.autoSave
之後能看到 files.autoSave 的可選項有
off : 關閉自動保存(默認)
afterDelay: 延遲xx時間後保存,可在 "files.autoSaveDelay" 中配置延遲時間;
onFocusChange: 編輯器失去焦點時自動保存;
onWindowChange: 窗口失去焦點時(編輯器窗口的切換,桌面窗口的切換)自動保存;
安裝 ESLint .eslint.org/
vscode 中安裝 ESLint 插件
然後配置 vscode 的 setting.json
File -> Preference -> User Snippers
vue.json文件,然後添加下面模板
然後新建.vue文件 ,寫下vue然後Tap鍵就能生成什麽的模板。
如果沒有生成模板只是多了個空格或者生成的是vue標簽的話,我們還得設置壹下,打開settings.json,添加下面的設置
如果妳的Setting.json文件有 "files.associations" 設置的話,請刪除,因為他會和上面 emmet.syntaxProfiles 沖突。
files.associations 和 emmet.syntaxProfiles 都是設置html 標簽的補全,如果是要用.vue模板補全功能的話,html標簽補全我們就用 emmet.syntaxProfiles 來設置。
vue 的開發中 vscode 可裝用於開發規範的插件有
Prettier :規範js
ESLint: 規範js
Vuter: 規範 .vue 文件中 template
stylus: 規範 stylus
註意:以下配置是基於接下來介紹的插件設置的,如果沒有安裝插件是不會生效的。
或者:
其中:
4.如果使用了stylus,那麽vscode安裝stylus插件,進行設置,不適用冒號雙引號大括號
根目錄下創建eslint規則文件 .eslintrc.js
(下面browsers 多了s 正確的為 browser )