VSCode使用笔记
- 官网下载:
- 下载慢解决方式
- Vscode删除所有的配置文件
![](https://i-blog.csdnimg.cn/blog_migrate/5d94f1e7e50eae85cf2edccec7f1ecfe.png)
'Source Code Pro Medium','Source Code Pro', 'Source Code Pro Italic',Consolas,'Courier New', monospace
常用插件记录
![](https://i-blog.csdnimg.cn/blog_migrate/20f34b17cfd3bff2b44fed511e61c62c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1e453989e9d74835a8e7772b8e897022.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3ce6edc49b11631982980f06e8dade32.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a4f1bc3fe749907319a1ce89ff5e8159.png)
- 补充插件:
- ES7 React/Redux/GraphQL/React-Native snippets
- 颜色主题
![](https://i-blog.csdnimg.cn/blog_migrate/8bbb68da1e8ce3dfd18551a5969f36e5.png)
VsCode Settings.json文件
![](https://i-blog.csdnimg.cn/blog_migrate/5f4b6fb1eb90f64e0c12fef3ca79db49.png)
{
"editor.fontSize": 16,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"javascript.updateImportsOnFileMove.enabled": "always",
// "editor.quickSuggestions": true,
"files.associations": {
"*.vue": "vue",
//这行会改变vue图标
},
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
//这三行是设置标签的关键
"editor.formatOnSave": true,
//这是保存自动格式化
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1500,
"editor.quickSuggestions": null,
"explorer.compactFolders": false,
"workbench.iconTheme": "vscode-great-icons",
"vetur.validation.template": false,
"editor.fontFamily": "'Source Code Pro Medium','Source Code Pro', 'Source Code Pro Italic',Consolas,'Courier New', monospace",
"vetur.completion.autoImport": false,
"workbench.colorTheme": "One Dark Pro Darker",
// "editor.quickSuggestions": null,
"peacock.surpriseMeOnStartup": true,
"sync.gist": ""
}
同步vscode配置和插件
![](https://i-blog.csdnimg.cn/blog_migrate/0bcfacbeb4909c1eb3404471c6ef326a.png)