概述
Visual Studio代码（简称对代码/VSC)是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持赢了，麦克以及Linux。vscode官网：https://code.visualstudio.com/
1、下载VSCode
打开浏览器输入https://code.visualstudio.com/(进入到官网),点击下载，可以根据自己的操作系统进行下载。下载地址：https://vscode。cdn。蔚蓝色。cn/stable/e5a 624 b 788d 92 b8d 34d 1392 E4 C4 d 9789406 ef E8 f/VSCodeUserSetup-x64-1。51 .1 .可执行程序的扩展名
2、VSCODE安装
下图为确认安装过程，安装成功后启动VSCode:
3、VSCode安装插件
Visual Studio代码的中文（简体)语言包（配置显示语言“zh-cn”)，Vetur、stylelint、Sass、bearry-Code formatter、GitLens - Git机械增压、ESLint、VS代码编辑器配置、铬合金调试器、Java调试器、代码运行器、自动重命名标签
》重启之后
4、自定义配置
打开文件-首选项-设置，就会进入到settings.json文件中，以下是自定义配置：{
git.confirmSync': false，
git.autofetch': true，
git.checkoutType': '远程，
蠢货。enablesmartcommit ' : true，
文件。自动保存' : '聚焦改变'，
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 '
},
埃斯林。autofixonssave ' : true，
eslint.validate': [
javascript '，
javascriptreact '，
{
语言： 'html '，
自动修复' :真
},
{
语言： 'vue '，
自动修复' :真
},
{
自动修复' :为真，
语言：“JavaScript”
},
{
自动修复' :为真，
语言：“JavaScript react”
},
{
自动修复' :为真，
语言' : '类型脚本'
},
{
自动修复' :为真，
语言' : '类型脚本'
}
],
终端。集成的。贝壳。Windows ' : ' c : Windows System32 cmd。' exe '，
window.zoomLevel': 1，
探险家。确认删除' : false，
维特。实验性的。模板插值服务' : false，
editor.tabSize': 4，
editor.tabCompletion': 'on '，
编辑。codeactionsonsave ' : {
source.fixAll': true
}
}
5、设置用户代码片段
{//将某视频剪辑软件的片段放在这里。每个代码片段都在一个代码片段名称下定义，并有一个前缀、正文和
//描述。前缀用于触发代码片段，主体将被展开和插入。可能的变量是：
//$1,$2表示制表位，$0表示最终光标位置、${1:label}、$ { 2:another }表示占位符。占位符
//连接了相同的身份证.
//范例：
打印到控制台' : {
前缀' : '日志，
body': [
控制台。日志(" $ 1 ")，
'$2'
],
描述' : '控制台日志输出'
},
打印到某视频剪辑软件模板' : {
前缀： 'vue '，
body': [
模板，
' div class='页面视图'',
' 1',
/div '，
/template '，
' ',
脚本lang='ts ' '，
从“vue”导入Vue，
导出默认的Vue.extend({ '，
data() { '，
返回{} ',
' },',
methods:{} '，
'});',
/script '，
' ',
style lang=' scss '作用域，页面视图{ ',
"最小高度： 100%;",
'}',
/style '
],
描述' : '日志输出到某视频剪辑软件模板'
}
}
后面会分享更多devops和工商管理学博士(工商管理博士)方面内容，感兴趣的朋友可以关注下~