多条告白如次剧本只需引入一次
概括
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"}}
