mac vscode 下载安装与配置
下载安装
1、官网下载
https://code.visualstudio.com/
配置
1、常用插件下载
中文:Chinese (Simplified) Language Pack
代码校验:eslint
vue代码优化显示:vetur
vue简写代码:vue vscode snippets
![](http://upload-images.jianshu.io/upload_images/6523705-931f22425ebc31de.png?imageMogr2/auto-orient/strip|imageView2/2/w/850/format/webp)
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"
}
![](http://upload-images.jianshu.io/upload_images/6523705-b6390340ccc29c65.png?imageMogr2/auto-orient/strip|imageView2/2/w/1084/format/webp)
image.png
3、修改文字大小
1)修改左侧资源管理器
新装的vscode可能版本比较新,以前的资源管理器的字体要大些,故想要放大。各种百度都是要去修改文件
/usr/share/code/resources/app/out/vs/workbench/workbench.main.css
打开搜索 .monaco-workbench>.part>.content 修 字体大小,重启后就生效了。
我认为太复杂了,直接缩放就好了
![](http://upload-images.jianshu.io/upload_images/6523705-9ace8ee056f2c179.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp)
image.png
2)修改右侧编辑器文字大小
![](http://upload-images.jianshu.io/upload_images/6523705-727a70a6413d0c35.png?imageMogr2/auto-orient/strip|imageView2/2/w/950/format/webp)
image.png
![](http://upload-images.jianshu.io/upload_images/6523705-bc5743937a33d8e9.png?imageMogr2/auto-orient/strip|imageView2/2/w/1026/format/webp)
作者:子钦加油
出处:https://www.cnblogs.com/zmdComeOn/
个性签名:努力生活,努力走路
阿里云拼团:https://www.aliyun.com/1111/home?userCode=f4ee1llo1核2G1M,86一年,229三年;2核4G5M,799三年;2核8G5M,1399三年
腾讯云三月采购计划特价:https://cloud.tencent.com/act/cps/redirect?redirect=1073&cps_key=15d0b1673287c43fe946626d9f4e2eee&from=console1核2G1M,88一年;1核2G1M,268三年;2核4G5M,998一年;4核8G5M,2888元三年
出处:https://www.cnblogs.com/zmdComeOn/
个性签名:努力生活,努力走路
阿里云拼团:https://www.aliyun.com/1111/home?userCode=f4ee1llo1核2G1M,86一年,229三年;2核4G5M,799三年;2核8G5M,1399三年
腾讯云三月采购计划特价:https://cloud.tencent.com/act/cps/redirect?redirect=1073&cps_key=15d0b1673287c43fe946626d9f4e2eee&from=console1核2G1M,88一年;1核2G1M,268三年;2核4G5M,998一年;4核8G5M,2888元三年