多條告白如次劇本只需引入一次
概括
VisualStudioCode(簡稱VSCode/VSC)是一款免費開源的新穎化學輕工業量級代碼編纂器，扶助簡直一切合流的開拓談話的語法高亮、智能代碼補全、自設置熱鍵、括號配合、代碼片斷、代碼比較Diff、GIT等個性，扶助插件擴充，并對準網頁開拓和云霄運用開拓做了優化。軟硬件跨平臺扶助Win、Mac以及Linux。
vscode官網：https://code.visualstudio.com/
1、載入VSCode
翻開欣賞器輸出https://code.visualstudio.com/(加入到官網),點擊載入，不妨按照本人的操縱體例舉行載入。
載入地方：https://vscode.cdn.azure.cn/stable/e5a624b788d92b8d34d1392e4c4d9789406efe8f/VSCodeUserSetup-x64-1.51.1.exe
2、VSCODE安置
下圖為確認安置進程，安置勝利后啟用VSCode：
3、VSCode安置插件
Chinese(Simplified)LanguagePackforVisualStudioCode（擺設表露談話“zh-cn”）、
Vetur、stylelint、Sass、Prettier–Codeformatter、GitLens–Gitsupercharged、ESLint、EditorConfigforVSCode、DebuggerforChrome、DebuggerforJava、CodeRunner、AutoRenameTag
》》重啟之后
4、自設置擺設
翻開文獻->首要選擇項->樹立，就會加入到settings.json文獻中，以次是自設置擺設：
{"git.confirmSync":false,"git.autofetch":true,"git.checkoutType":"remote","git.enableSmartCommit":true,"files.autoSave":"onFocusChange","files.associations":{"*.vue":"vue","*.wpy":"vue","*.wxml":"wxml","*.wxss":"css","*.js":"javascript","*.html":"html","*.cjson":"jsonc","*.wxs":"javascript"},"emmet.syntaxProfiles":{"vue-html":"html","vue":"html"},"emmet.includeLanguages":{"wxml":"html"},"eslint.autoFixOnSave":true,"eslint.validate":["javascript","javascriptreact",{"language":"html","autoFix":true},{"language":"vue","autoFix":true},{"autoFix":true,"language":"javascript"},{"autoFix":true,"language":"javascriptreact"},{"autoFix":true,"language":"typescript"},{"autoFix":true,"language":"typescriptreact"}],"terminal.integrated.shell.windows":"C:WindowsSystem32cmd.exe","window.zoomLevel":1,"explorer.confirmDelete":false,"vetur.experimental.templateInterpolationService":false,"editor.tabSize":4,"editor.tabCompletion":"on","editor.codeActionsOnSave":{"source.fixAll":true}}5、樹立>用戶代碼片斷
{//Placeyoursnippetsforvuehere.Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyand//description.Theprefixiswhatisusedtotriggerthesnippetandthebodywillbeexpandedandinserted.Possiblevariablesare://$1,$2fortabstops,$0forthefinalcursorposition,and${1:label},${2:another}forplaceholders.Placeholderswiththe//sameidsareconnected.//Example:"Printtoconsole":{"prefix":"log","body":["console.log('$1')","$2"],"description":"Logoutputtoconsole"},"Printtovuetemplate":{"prefix":"vue","body":["<template>","<divclass='page-view'>","1","</div>","</template>","","<scriptlang='ts'>","importVuefrom'vue'","exportdefaultVue.extend({","data(){","return{}","},","methods:{}","});","</script>","","<stylelang='scss'scoped>",".page-view{","min-height:100%;","}","</style>"],"description":"Logoutputtovuetemplate"}}
