当前位置:网站首页>VSCode基础配置
VSCode基础配置
2022-07-06 09:17:00 【阿波次嘚】
1.安装VSCode(官网:https://code.visualstudio.com/)
2.安装以下插件(自主选择
):
3.VSCode基础配置
全选清空VSCode基础配置(也可以不清除)
tab按键设置为2个空格
使用格式化文档:在文件内容主体右键(html文件、vue文件...)
选择格式化文档插件
设置保存时自动格式化
设置编辑器字体大小
设置自动换行
勾选自动换行,取消勾选显示缩略图(右侧的下拉条变为正常)
设置文件图标主题 来源插件:vscode-icons
设置vue的用户代码片段:使用时:新建vue文件,直接输入vue 然后选择你命名的vue代码段然后按Tab键或者回车键
当然vbase也很不错
{
"vue_learn_template": {
/* 快速生成快捷键 */
"prefix": "vue",
"body": [
"<template>",
"\t<div class=\"app\"></div>",
"</template>",
"<script>", "export default {", "\tdata() {", "\t\treturn {", "\t\t\tdata: null,", "\t\t};", "\t},", "\tmethods: {},", "\tmounted(){},", "\tcomputed: {},", "};", "</script>",
"<style lang=\"scss\" scoped>", ".app {
", "\tinput {
", "\t\toutline: 0;", "\t}", "}", "</style>"
],
"description": "vue基础模板" // 模板的描述
}
}
我的VSCode settings.json文件内容
{
"security.workspace.trust.untrustedFiles": "open",
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"editor.fontSize": 16,
"editor.formatOnSave": true,
"bracketPairColorizer.depreciation-notice": false,
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"explorer.confirmDelete": false,
"workbench.editorAssociations": {
"*.docx": "default"
},
"explorer.confirmDragAndDrop": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"workbench.iconTheme": "vscode-icons",
"editor.mouseWheelZoom": true,
"editor.wordWrap": "on",
"workbench.colorTheme": "Community Material Theme Palenight High Contrast",
"editor.tabSize": 2,
"editor.renderWhitespace": "none",
"breadcrumbs.enabled": false,
"editor.fontFamily": "Fira Code Retina,Consolas, 'Courier New', monospace",
"editor.minimap.enabled": false,
"window.zoomLevel": 0.5,
"workbench.colorCustomizations": {
"activityBar.background": "#303030",//左侧菜单栏颜色
"titleBar.activeBackground": "#3e3e3e",//顶部菜单栏颜色
"titleBar.activeForeground": "#ffffff",//顶部菜单栏文字颜色
"editor.selectionHighlightBackground": "#999999",
"editor.selectionBackground":"#797979",
"terminal.background": "#000000",
"terminal.foreground": "#968eeb",
"terminalCursor.background": "#eaeaea",
"terminalCursor.foreground": "#eaeaea",
"debugConsole.infoForeground":"#1e9fff",
"debugConsole.warningForeground":"#ff781e",//调试 REPL 控制台中警告消息的前景色。
"debugConsole.errorForeground":"#a20000",//调试 REPL 控制台中错误消息的前景色。
//"debugConsole.sourceForeground":,//调试 REPL 控制台中源文件名的前景色。
//"debugConsoleInputIcon.foreground":,//调试控制台输入标记图标的前景色。
},
}
调整VSCode颜色请访问:https://code.visualstudio.com/api/references/theme-color
边栏推荐
- 高通&MTK&麒麟 手機平臺USB3.0方案對比
- Detailed explanation of 5g working principle (explanation & illustration)
- MySQL START SLAVE Syntax
- Reno7 60W超级闪充充电架构
- [template] KMP string matching
- RuntimeError: cuDNN error: CUDNN_STATUS_NOT_INITIALIZED
- Kaggle竞赛-Two Sigma Connect: Rental Listing Inquiries
- .elf .map .list .hex文件
- FTP文件上传文件实现,定时扫描文件夹上传指定格式文件文件到服务器,C语言实现FTP文件上传详解及代码案例实现
- Funny cartoon: Programmer's logic
猜你喜欢
Machine learning -- linear regression (sklearn)
sklearn之feature_extraction.text.CountVectorizer / TfidVectorizer
C language callback function [C language]
Gallery之图片浏览、组件学习
[template] KMP string matching
機器學習--線性回歸(sklearn)
Small L's test paper
Basic knowledge of lithium battery
Kaggle competition two Sigma connect: rental listing inquiries
【ESP32学习-1】Arduino ESP32开发环境搭建
随机推荐
高通&MTK&麒麟 手機平臺USB3.0方案對比
FTP file upload file implementation, regularly scan folders to upload files in the specified format to the server, C language to realize FTP file upload details and code case implementation
MongoDB
STM32 如何定位导致发生 hard fault 的代码段
Reno7 60W超级闪充充电架构
sklearn之feature_extraction.text.CountVectorizer / TfidVectorizer
Feature of sklearn_ extraction. text. CountVectorizer / TfidVectorizer
机器学习--线性回归(sklearn)
2019 Tencent summer intern formal written examination
Basic use of pytest
A possible cause and solution of "stuck" main thread of RT thread
Come and walk into the JVM
电商数据分析--薪资预测(线性回归)
互联网协议详解
Small L's test paper
Programmers can make mistakes. Basic pointers and arrays of C language
Detailed explanation of express framework
List and set
Contiki source code + principle + function + programming + transplantation + drive + network (turn)
mysql实现读写分离