一.首先下载mac版本的应用,选择对应系统的应用下载.
1.vscode下载地址https://code.visualstudio.com/Download
二.配置代码格式
效果图
1.找到设置,快捷键(Command+,),打开设置面板,在界面右上角有个带箭头文件,编辑这个文件复制粘贴以下代码
{
"editor.tabSize": 2,
"files.associations": {
"*.vue": "vue"
},
"eslint.autoFixOnSave": true,
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
],
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"git.confirmSync": false,
"window.zoomLevel": 0,
"editor.renderWhitespace": "boundary",
"editor.cursorBlinking": "smooth",
"editor.minimap.enabled": true,
"editor.minimap.renderCharacters": false,
"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true,
"editor.snippetSuggestions": "top",
"workbench.iconTheme": "vscode-icons",
"editor.fontSize": 15,
"guides.enabled": false,
"workbench.editor.showTabs": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"workbench.colorTheme": "Material Theme High Contrast",
"C_Cpp.updateChannel": "Insiders",
"http.proxySupport": "off",
}
2.添加常用的插件