当前位置:网站首页>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
边栏推荐
- Analysis of charging architecture of glory magic 3pro
- Kaggle competition two Sigma connect: rental listing inquiries
- ESP8266使用arduino连接阿里云物联网
- Kaggle competition two Sigma connect: rental listing inquiries (xgboost)
- Word typesetting (subtotal)
- 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
- 几个关于指针的声明【C语言】
- 機器學習--線性回歸(sklearn)
- FTP文件上传文件实现,定时扫描文件夹上传指定格式文件文件到服务器,C语言实现FTP文件上传详解及代码案例实现
- vim命令行笔记
猜你喜欢
随机推荐
Cannot change version of project facet Dynamic Web Module to 2.3.
C language callback function [C language]
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
RT-Thread的main线程“卡死”的一种可能原因及解决方案
Pytoch temperature prediction
C language, log print file name, function name, line number, date and time
Selective sorting and bubble sorting [C language]
Kconfig Kbuild
C语言,log打印文件名、函数名、行号、日期时间
优先级反转与死锁
Detailed explanation of express framework
选择法排序与冒泡法排序【C语言】
程序员老鸟都会搞错的问题 C语言基础 指针和数组
Redis interview questions
Reading notes of difficult career creation
IOT system framework learning
RT thread API reference manual
. elf . map . list . Hex file
【ESP32学习-1】Arduino ESP32开发环境搭建
Word排版(小計)