mac vscode 下载安装与配置

下载安装

1、官网下载
https://code.visualstudio.com/

配置

1、常用插件下载
中文:Chinese (Simplified) Language Pack
代码校验:eslint
vue代码优化显示:vetur
vue简写代码:vue vscode snippets


  mac vscode 下载安装与配置 prettier的html换行有毒

2、修改中文主题
快捷键:command + shift + p
输入搜索 configure language

3、修改配置文件(配置保存时自动按照eslint格式化)

{
    "editor.tabSize": 2,
    "workbench.startupEditor": "newUntitledFile",
    "sublimeTextKeymap.promptV3Features": true,
    "explorer.confirmDelete": false,
    "files.exclude": { 
    "**/.git": true, 
    "**/.svn": true, 
    "**/.DS_Store": true, 
    "**/node_modules": true, 
    "**/iOS": true,
    "**/.gitignore":true, 
    },
    "workbench.colorTheme": "Monokai",
    "window.zoomLevel": 0,
    "git.ignoreMissingGitWarning": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
        "language": "html",
        "autoFix": true
        },
        {
        "language": "vue",
        "autoFix": true
        } 
    ],
    "explorer.confirmDragAndDrop": false,
    "breadcrumbs.enabled": true,
    "editor.minimap.enabled": true,
    "terminal.integrated.rendererType": "dom"
}
  mac vscode 下载安装与配置 image.png

3、修改文字大小
1)修改左侧资源管理器
新装的vscode可能版本比较新,以前的资源管理器的字体要大些,故想要放大。各种百度都是要去修改文件

/usr/share/code/resources/app/out/vs/workbench/workbench.main.css
打开搜索 .monaco-workbench>.part>.content 修 字体大小,重启后就生效了。

我认为太复杂了,直接缩放就好了


  mac vscode 下载安装与配置 image.png

2)修改右侧编辑器文字大小


  mac vscode 下载安装与配置 image.png
  mac vscode 下载安装与配置



上一篇:设计模式之单例模式


下一篇:手撕单例模式-饿汉式