一.首先下載mac版本的應(yīng)用,選擇對應(yīng)系統(tǒng)的應(yīng)用下載.
1.vscode下載地址https://code.visualstudio.com/Download
二.配置代碼格式
效果圖
1.找到設(shè)置,快捷鍵(Command+,),打開設(shè)置面板,在界面右上角有個帶箭頭文件,編輯這個文件復(fù)制粘貼以下代碼
{
? ? "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.添加常用的插件
