当前位置:网站首页>Vscode basic configuration
Vscode basic configuration
2022-07-06 12:06:00 【Aboci Bang】
1. install VSCode( Official website :https://code.visualstudio.com/)
2. Install the following plug-ins ( Choose... On your own
):
![]() | ![]() |
3.VSCode Basic configuration
Select all clear VSCode Basic configuration ( It can also not be cleared )
tab Set the key to 2 A space
Use format document : Right click the main body of the file (html file 、vue file ...)
Select the format document plug-in
Set automatic formatting when saving
Set editor font size
Set auto wrap
Check auto wrap , Uncheck show thumbnails ( The pull-down bar on the right becomes normal )
Set file icon theme Source plugin :vscode-icons
![]() | ![]() |
Set up vue User code snippet : When using : newly build vue file , Direct input vue Then choose the one you named vue Code snippet then press Tab Key or enter key
Of course vbase It's also very good
{
"vue_learn_template": {
/* Quickly generate shortcut keys */
"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 Basic template " // Description of template
}
}
my VSCode settings.json The contents of the document
{
"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",// Left menu bar color
"titleBar.activeBackground": "#3e3e3e",// Top menu bar color
"titleBar.activeForeground": "#ffffff",// Top menu bar text color
"editor.selectionHighlightBackground": "#999999",
"editor.selectionBackground":"#797979",
"terminal.background": "#000000",
"terminal.foreground": "#968eeb",
"terminalCursor.background": "#eaeaea",
"terminalCursor.foreground": "#eaeaea",
"debugConsole.infoForeground":"#1e9fff",
"debugConsole.warningForeground":"#ff781e",// debugging REPL The foreground color of the warning message in the console .
"debugConsole.errorForeground":"#a20000",// debugging REPL The foreground color of the error message in the console .
//"debugConsole.sourceForeground":,// debugging REPL The foreground color of the source file name in the console .
//"debugConsoleInputIcon.foreground":,// Debug console input Flag Icon foreground .
},
}
adjustment VSCode Please visit :https://code.visualstudio.com/api/references/theme-color
边栏推荐
- Imgcat usage experience
- STM32型号与Contex m对应关系
- Detailed explanation of 5g working principle (explanation & illustration)
- A possible cause and solution of "stuck" main thread of RT thread
- RT-Thread 线程的时间片轮询调度
- 荣耀Magic 3Pro 充电架构分析
- 选择法排序与冒泡法排序【C语言】
- Comparison of solutions of Qualcomm & MTK & Kirin mobile platform USB3.0
- Detailed explanation of express framework
- XML文件详解:XML是什么、XML配置文件、XML数据文件、XML文件解析教程
猜你喜欢
Cannot change version of project facet Dynamic Web Module to 2.3.
Reno7 60W超级闪充充电架构
Detailed explanation of Union [C language]
Oppo vooc fast charging circuit and protocol
Machine learning -- linear regression (sklearn)
Comparaison des solutions pour la plate - forme mobile Qualcomm & MTK & Kirin USB 3.0
E-commerce data analysis -- salary prediction (linear regression)
I2C总线时序详解
Feature of sklearn_ extraction. text. CountVectorizer / TfidVectorizer
OPPO VOOC快充电路和协议
随机推荐
Apprentissage automatique - - régression linéaire (sklearn)
2019 Tencent summer intern formal written examination
C language callback function [C language]
STM32 如何定位导致发生 hard fault 的代码段
Comparaison des solutions pour la plate - forme mobile Qualcomm & MTK & Kirin USB 3.0
Internet protocol details
物联网系统框架学习
C language, log print file name, function name, line number, date and time
Feature of sklearn_ extraction. text. CountVectorizer / TfidVectorizer
数据分析之缺失值填充(重点讲解多重插值法Miceforest)
.elf .map .list .hex文件
Understanding of AMBA, AHB, APB and Axi
Mysql database interview questions
R & D thinking 01 ----- classic of embedded intelligent product development process
vim命令行笔记
嵌入式启动流程
MySQL START SLAVE Syntax
I2C总线时序详解
Those commonly used tool classes and methods in hutool
Basic use of pytest