當前位置:編程學習大全網 - 源碼下載 - vue VSCode 開發設置(html自動補全、eslint保存時格式化、vetur 格式化html)

vue VSCode 開發設置(html自動補全、eslint保存時格式化、vetur 格式化html)

File -> Preference -> Setting ->搜索setting.json -> Edit in settings.json

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 )

  • 上一篇:臺州學院在臺州的口碑如何?畢業後找工作怎麽樣?請臺州當地知情人回復!感謝
  • 下一篇:跪求玩熱血江湖的高手
  • copyright 2024編程學習大全網