【工具】VSCODE下载,配置初次设置

打开 settings.json 文件,包含了 Visual Studio Code (VSCode) 中的各种用户配置。

{"files.associations": {"*.vue": "vue","*.wpy": "vue","*.wxml": "html","*.wxss": "css"},
  • 解释:将特定文件扩展名与对应的语言模式关联。例如,.vue.wpy 文件都被视为 vue 文件,.wxml 视为 html 文件,.wxss 视为 css 文件。这可以确保 VSCode 对这些文件使用正确的语法高亮和格式化。
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
  • 解释:设置 VSCode 内置终端使用 Windows 的 cmd.exe 作为默认终端。
  "git.enableSmartCommit": true,"git.autofetch": true,
  • 解释
    • "git.enableSmartCommit":当设置为 true 时,VSCode 在没有暂存文件时直接提交更改。
    • "git.autofetch":自动从远程仓库获取最新的 Git 更改。
  "emmet.triggerExpansionOnTab": true,"emmet.showAbbreviationSuggestions": true,"emmet.showExpandedAbbreviation": "always","emmet.includeLanguages": {"vue-html": "html","vue": "html","wpy": "html"},
  • 解释:启用 Emmet 语法扩展,可以在 .vue.wpy 文件中使用 HTML 快捷输入(Emmet 支持 HTML 的缩写扩展),并通过按 Tab 键触发 Emmet 扩展。
  "workbench.colorTheme": "Monokai",
  • 解释:选择了 Monokai 主题作为 VSCode 的界面配色。
  "git.confirmSync": false,"explorer.confirmDelete": false,
  • 解释
    • "git.confirmSync":关闭 Git 同步确认。
    • "explorer.confirmDelete":关闭在文件资源管理器中删除文件时的确认对话框。
  "editor.fontSize": 14,"window.zoomLevel": 1,"editor.wordWrap": "on","editor.detectIndentation": false,"editor.tabSize": 2,
  • 解释
    • "editor.fontSize":编辑器的字体大小设为 14。
    • "window.zoomLevel":窗口的缩放级别设为 1,即放大一级。
    • "editor.wordWrap":开启自动换行。
    • "editor.detectIndentation":关闭自动检测缩进。
    • "editor.tabSize":设置 Tab 键的宽度为 2 个空格。
  "files.autoSave": "onFocusChange",
  • 解释:文件在失去焦点时自动保存。
  "editor.formatOnSave": false,
  • 解释:关闭保存时自动格式化代码。
  "editor.rulers": [],
  • 解释:没有设置任何垂直标尺(即代码行限制长度的可视化参考线)。
  "search.exclude": {"**/node_modules": true,"**/bower_components": true,"**/target": true,"**/logs": true},
  • 解释:在使用搜索功能时,排除指定的文件夹,如 node_modulesbower_componentstarget、和 logs 文件夹。
  "files.exclude": {"**/.git": true,"**/.svn": true,"**/.hg": true,"**/CVS": true,"**/.DS_Store": true,"**/*.js": {"when": "$(basename).ts"},"**/node_modules": true},
  • 解释:在文件资源管理器中隐藏指定文件和文件夹,如 .git.svn.hgCVS.DS_Store 文件,同时当存在同名的 TypeScript 文件时隐藏生成的 JavaScript 文件(.ts 编译生成的 .js 文件)。
  "vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned","wrap_line_length": 200,"end_with_newline": false,"semi": false,"singleQuote": true},"prettier": {"semi": false,"singleQuote": true}}
}
  • 解释
    • vetur 是 Vue 文件的格式化工具。
    • 设置 js-beautify-html 为 Vue 组件中 HTML 代码的默认格式化工具。
    • 设置 prettier 为 JavaScript 代码的格式化工具,并指定格式化规则,如使用单引号(singleQuote)和去掉语句结尾的分号(semi)。

小结

这份配置文件通过设置文件关联、编辑器样式、Git 操作行为、Emmet 支持、代码格式化工具等多个选项来优化 Visual Studio Code 的开发体验。这些设置可以提高效率和舒适度,特别是在前端开发(如 Vue.js)和版本控制上。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/54854.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

软件架构设计中的微内核架构是什么

Visual Studio Code 是一个广受欢迎的代码编辑器。它同样采用微内核架构,核心是一个轻量级的编辑器引擎,提供了基本的文本编辑、代码高亮、语法检查等功能。 通过安装不同的扩展插件,用户可以添加对各种编程语言的支持、调试功能、版本控制集…

React生命周期案例详解

React 组件的生命周期是指组件从创建、渲染、更新到卸载的整个过程。在 React 16 及之前的版本中,生命周期方法被分为几个不同的阶段:挂载(Mounting)、更新(Updating)、卸载(Unmounting&#xf…

Java值传递、序列化详解

Java 值传递详解 说到参数,我们先来搞懂一下这两个概念 形参&实参 值传递&引用传递 形参&实参 方法的定义可能会用到 参数(有参的方法),参数在程序语言中分为: 实参(实际参数,…

QT实现Opencv图像处理

案例 基于QT的人脸识别 pro文件需要加以下代码 INCLUDEPATH E:/opencv/opencv3.4-qt-intall/install/include INCLUDEPATH E:/opencv/opencv3.4-qt-intall/install/include/opencv INCLUDEPATH E:/opencv/opencv3.4-qt-intall/install/include/opencv2 LIBS E:/opencv/o…

D34【python 接口自动化学习】- python基础之输入输出与文件操作

day34 文件关闭 学习日期:20241011 学习目标:输入输出与文件操作﹣-46 常见常新:文件的关闭 学习笔记: 文件关闭的内部工作过程 close()函数 with语句 常用的打开关闭文件 # 文件关闭 # 方式…

【Python】操作列表

Python是一种功能强大的编程语言,它提供了丰富的操作列表的方法。列表是一种有序、可变的数据类型,可以存储任意类型的元素。下面是一些常用的操作列表的方法: 1. 创建列表:可以使用方括号 [] 或者 list() 函数来创建一个列表。例…

kubernetes详解

一、kubernetes的定义 Kubernetes (希腊语"舵手" 或 "飞行员") 由Joe Beda,Brendan Burns和Craig McLuckie创立,并由其他谷歌工程师,包括Brian Grant和Tim Hockin进行加盟创作,并由谷歌在2014年首次对外宣布。…

值类型和引用类型的使用

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace ConsoleApp1 {class Program{static void Main(string[] args){/****值类型****/bool test;//必须赋值,否则报错test true;Console.WriteLin…

微服务_3.微服务保护

文章目录 一、微服务雪崩及解决方法1.1、超时处理1.2、仓壁模式1.3、断路器1.4、限流 二、Sentinel2.1、流量控制2.1.1、普通限流2.1.2、热点参数限流 2.2、线程隔离2.3、熔断降级2.3.1、断路器状态机2.3.2、断路器熔断策略2.3.2.1、慢调用2.3.2.2、异常比例,异常数…

Observability:使用 OpenTelemetry 自动检测 Go 应用程序

作者:来自 Elastic Damien Mathieu 使用 OpenTelemetry 检测 Go 应用程序可以深入了解应用程序的性能、依赖项和错误。我们将向你展示如何使用 Docker 自动检测 Go 应用程序,而无需更改应用程序代码。 在快节奏的软件开发领域,尤其是在云原生…

单片机原理及应用详解

单片机原理及应用详解 一、引言 单片机(Microcontroller)是集成了计算机功能的微型计算机,其内部包含CPU、内存、I/O接口等部件,广泛应用于嵌入式系统中。单片机因其体积小、成本低、功耗少等优点,成为电子产品设计中不可或缺的核心组件。本文将详细探讨单片机的原理、结…

【每日刷题】Day137

【每日刷题】Day137 🥕个人主页:开敲🍉 🔥所属专栏:每日刷题🍍 🌼文章目录🌼 1. 1576. 替换所有的问号 - 力扣(LeetCode) 2. 495. 提莫攻击 - 力扣&#xf…

vrrp实验

配置Trunk和Access [SW3]int e0/0/1 [SW3-Ethernet0/0/1]p l a [SW3-Ethernet0/0/1]p d v 10 [SW3-Ethernet0/0/1]int e0/0/2 [SW3-Ethernet0/0/2]p l a [SW3-Ethernet0/0/2]p d v 10 [SW3-Ethernet0/0/2]int e0/0/3 [SW3-Ethernet0/0/3]p l a [SW3-Ethernet0/0/3]p d v 20 [S…

vue3中自定义校验函数密码不生效问题

vue3中自定义校验函数密码不生效问题 由于在自定义的校验规则中只校验了有数据的情况,以至于在没输入时,校验不生效 (1)用户不输入校验不生效 const validateSurePassword (rule, value, callback) > {if (value ! ) {if (…

Linux——软件包管理

目录 rpm 包管理 基本介绍 rpm 包的查询指令 ​编辑 rpm 包的卸载和安装 yum rpm 包管理 基本介绍 rpm 包的查询指令 rpm 包的卸载和安装 yum

STM32F407寄存器操作(DMA+SPI)

1.前言 前面看B站中有些小伙伴吐槽F4的SPIDMA没有硬件可控的CS引脚,那么今天我就来攻破这个问题 我这边暂时没有SPI的从机芯片,并且接收的过程与发送的过程类似,所以这里我就以发送的过程为例了。 2.理论 手册上给出了如下的描述 我们关注…

什么是动态规划

动态规划(Dynamic Programming,DP)是一种用于解决最优化问题的算法设计方法。它通过将大问题分解成小问题,并存储已经解决的小问题的解,以避免重复计算,从而提高算法的效率。 动态规划通常适用于以下几类问…

【动手学深度学习】5.2 参数管理(个人向笔记+代码注释)

之前的课程中,我们只是通过深度学习框架完成训练的工作,而忽略了操作参数的具体细节。所以我们我们介绍的内容有: 访问参数,用于调试,诊断和可视化参数初始化在不同的模型组件间共享参数 下面是一个有单隐藏层的多层感…

如何把视频变成自己的原创?提升视频原创度的7个技巧

在短视频平台发布作品时,时常因为原创问题,而被限流。如何在海量视频中脱颖而出,让自己的作品具有独特性和原创性,是每位创作者都需要思考的问题。本文将详细介绍如何通过一系列前期准备和后期处理技巧,将视频素材转化…

模版进阶 非类型模版参数

一.模板参数分类类型形参与非类型形参。 类型形参即:出现在模板参数列表中,跟在class或者typename之类的参数类型名称。 非类型形参,就是用一个常量作为类(函数)模板的一个参数,在类(函数)模板中可将该参数当成常量来使用。 #i…