多條告白如次劇本只需引入一次
概括
VisualStudioCode(簡稱VSCode/VSC)是一款免費(fèi)開源的新穎化學(xué)輕工業(yè)量級代碼編纂器，扶助簡直一切合流的開拓談話的語法高亮、智能代碼補(bǔ)全、自設(shè)置熱鍵、括號配合、代碼片斷、代碼比較Diff、GIT等個性，扶助插件擴(kuò)充，并對準(zhǔn)網(wǎng)頁開拓和云霄運(yùn)用開拓做了優(yōu)化。軟硬件跨平臺扶助Win、Mac以及Linux。
vscode官網(wǎng)：https://code.visualstudio.com/
1、載入VSCode
翻開欣賞器輸出https://code.visualstudio.com/(加入到官網(wǎng)),點(diǎn)擊載入，不妨按照本人的操縱體例舉行載入。
載入地方：https://vscode.cdn.azure.cn/stable/e5a624b788d92b8d34d1392e4c4d9789406efe8f/VSCodeUserSetup-x64-1.51.1.exe
2、VSCODE安置
下圖為確認(rèn)安置進(jìn)程，安置勝利后啟用VSCode：
3、VSCode安置插件
Chinese(Simplified)LanguagePackforVisualStudioCode（擺設(shè)表露談話“zh-cn”）、
Vetur、stylelint、Sass、Prettier–Codeformatter、GitLens–Gitsupercharged、ESLint、EditorConfigforVSCode、DebuggerforChrome、DebuggerforJava、CodeRunner、AutoRenameTag
》》重啟之后
4、自設(shè)置擺設(shè)
翻開文獻(xiàn)->首要選擇項(xiàng)->樹立，就會加入到settings.json文獻(xiàn)中，以次是自設(shè)置擺設(shè)：
{"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"}}
