mahyuan / Front_end_basics

Anything I can note here about studying
MIT License
1 stars 0 forks source link

vscode mac 版配置 #16

Open mahyuan opened 5 years ago

mahyuan commented 5 years ago

建议配置一下sync插件,具体可以在安装该插件后参考其文档,配置gist,然后执行 ctrl/cmd + shift + p ==> upload settings 或 download settings,实现一次配置,更换设备后直接拉取配置文件就行。我在工作电脑和家里的黑苹果、ubuntu各个系统上使用的是这同一套配置。

{
    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        "https://desk-fd.zol-img.com.cn/t_s1920x1080c5/g5/M00/02/07/ChMkJ1bKy0yIBNxmADDeunPzSQoAALIowJa_msAMN7S462.jpg",
        "https://desk-fd.zol-img.com.cn/t_s1920x1080c5/g5/M00/02/08/ChMkJ1bKzLmIL4Y1ACEezgzOP6YAALI5AAAAAAAIR7m344.jpg",
        "file:///Users/mhy/Pictures/vscode_background/1-1FF4205336.jpg",
        "file:///Users/mhy/Pictures/vscode_background/95-1P124153033.jpg",
        "file:///Users/mhy/Pictures/vscode_background/1-1FF4205341.jpg",
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.05
    },
    "todohighlight.keywords": ["TODO", "FIX"],
    "todohighlight.defaultStyle": {
        "fontWeight": "700",
        "color": "#ff00ff"
    },
    "eslint.enable": true,
    "eslint.validate": [
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "typescript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        },
        {
            "language": "typescriptreact",
            "autoFix": true
        },
        "html"
    ],
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ],
        // "plugins": ["html"],
        // "configFile": ".eslintrc.js" // 多余, 是eslint插件的配置,优先级低
        },
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": true,
    "editor.codeLens": false,
    "colorHelper.disableShadow": true,
    "editor.tabCompletion": "on",
    "editor.multiCursorModifier": "alt",
    "editor.snippetSuggestions": "inline",
    "editor.wordWrap": "on",
    "editor.formatOnPaste": false,
    "editor.formatOnType": false,
    "editor.formatOnSave": false,
    "editor.acceptSuggestionOnEnter": "off",
    "editor.fontSize": 13,
    "editor.highlightActiveIndentGuide": true,
    "editor.insertSpaces": true,
    // "editor.detectIndentation": false,
    "editor.dragAndDrop": false,
    "files.insertFinalNewline": false,
    "files.autoSave": "off",
    "files.associations": {
        "*.vue": "vue",
        "*.wpy": "vue",
        "*.wxml": "html",
        "*.wxss": "css",
        "*.swig": "html",
        "*.sass": "css",
        "*.properties": "properties"
    },
    "explorer.confirmDragAndDrop": false,
    "explorer.confirmDelete": false,
    "extensions.ignoreRecommendations": true,
    "window.zoomLevel": 0,
    "window.openFoldersInNewWindow": "on",
    "window.openFilesInNewWindow": "on",
    "sync.gist": "", // 这里填写你自己github生成的 gist
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.forceDownload": false,
    "sync.quietSync": false,
    "sync.askGistName": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "git.path": "/usr/local/bin/git",
    "git.confirmSync": false,
    "gitlens.hovers.currentLine.changes": false,
    "shareCode.github.username": "mhy_web",
    "search.followSymlinks": false,
    "workbench.iconTheme": "vscode-great-icons",
    "workbench.colorTheme": "One Dark Pro Vivid",
    "workbench.editor.enablePreview": false,
    "workbench.editor.enablePreviewFromQuickOpen": false,
    "workbench.activityBar.visible": true,
    "projectManager.sortList": "Name",
    "projectManager.groupList": true,
    // "projectManager.treeview.visible": false, // 貌似是window版的配置
    "breadcrumbs.enabled": false,
    "window.title": "${activeEditorMedium}${separator}${rootName}",
    "javascript.referencesCodeLens.enabled": true,
    "javascript.updateImportsOnFileMove.enabled": "never",
    "html.format.indentHandlebars": false,
    "css.validate": true,
    "less.validate": true,
    "scss.validate": true,
    "terminal.explorerKind": "external",
    "gitlens.views.repositories.files.layout": "list",
    "colorInfo.languages": [{
            "selector": "css",
            "colors": "css"
        },
        {
            "selector": "sass",
            "colors": "css"
        },
        {
            "selector": "scss",
            "colors": "css"
        },
        {
            "selector": "less",
            "colors": "css"
        },
        {
            "selector": "html",
            "colors": "css"
        },
        {
            "selector": "javascript",
            "colors": "css"
        }
    ],
    "editor.minimap.enabled": true,
    "editor.renderWhitespace": "all",
    "editor.renderControlCharacters": false,
    "workbench.statusBar.visible": true,
    "files.trimTrailingWhitespace": true,
    "files.eol": "\n",
    "extensions.autoUpdate": false,
    "workbench.startupEditor": "welcomePage"
}
mahyuan commented 5 years ago

这里记录一下使用的插件,当然如果使用了sync插件在github gist上同步了之后,在新设备上不用手动下载,配置好 gist和sync之后执行download settings命令即可自动同步

// 强烈建议安装,高频率使用的插件
code-settings-sync v3.2.9
project-manager v10.5.1
auto-close-tag v0.5.6
auto-rename-tag v0.0.15
html-snippets v0.2.1
beautify v1.4.11
gitlens v9.6.3
color-info v0.5.1
code-runner v0.9.8
search-node-modules v1.3.0
JavaScriptSnippets v1.7.2
path-autocomplete v1.13.2
path-intellisense v1.4.2
sublime-keybindings v4.0.0
language-stylus v1.11.0
node-debug2 v1.33.0
one-monokai v0.3.7
vetur v0.18.0
vscode-language-babel v0.0.22
vscode-eslint v1.8.2
vscode-color v0.4.5
vscode-language-pack-zh-hans v1.33.2
vscode-todo-highlight v1.0.4
vue-snippets v0.1.11

// 用的不多,或者提升使用体验的主题、图标等其他的插件
background v1.1.19
bash-beautify v0.1.1
convert-css-in-js v1.1.3
dart-code v3.1.0
debugger-for-chrome v4.11.3
dotenv v1.0.1
EditorConfig v0.13.0
file-size v0.1.3
flutter v3.1.0
javascript-ejs-support v0.5.0
markdown-table-formatter v0.2.3
material-icon-theme v3.7.0
Material-theme v2.21.0
minify v0.4.3
prettier-vscode v1.8.1
sharecode v0.4.1
splus-theme v0.1.15
stylelint v0.49.0
stylus v0.0.4
Theme-TwoStones v0.0.2
viml v0.1.7
vscode-great-icons v2.1.47
vscode-gutter-preview v0.19.0
vscode-icons v8.6.0
vscode-postfix-ts v1.8.1
vscode-react-native v0.9.2
vscode-styled-components v0.0.26
vscode-yaml v0.4.0
vuehelper v0.1.0