安装vscode后该注意哪些设置

最新推荐文章于 2025-10-13 10:31:06 发布
原创 最新推荐文章于 2025-10-13 10:31:06 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode

本文介绍如何通过简单配置提升VSCode开发效率，包括将Tab键转换为空格、统一项目结束符为LF，以及推荐几款实用插件如SettingsSync、koroFileHeader等。
部署运行你感兴趣的模型镜像

vscode配置

基本配置

vscode安装后虽然可以直接使用，但如果完成以下简单设置不仅可以提高开发效率，还可以避免一些出乎意料的错误。

Tab 键化为空格

首先，我们先观察右下角的状况是否为空格，如果如下图所示，那么即是使用将tab键替代为两个空格了，这里是可以点击的，不妨试试。
在这里插入图片描述

然后在设置面板里使用如下配置，将Tab Size的值设置为2。
在这里插入图片描述

统一结束符

项目上线、项目协作，如果不注意结束符的统一，可能会发生难以察觉的错误，为了避免这些错误，尽量统一使用LF作为结束符。

选择LF作为结束符，而不是windows默认的CRLF是因为在linux环境下结束符是LF，使用LF可以避免系统环境变化而产生错误，该配置需要在搜索框里输入 end of sequence ，然后再 Eol 里选择 \n 。

在这里插入图片描述

进阶插件

Settings Sync

Settings Sync是vscode配置异步存储，旧电脑上传好配置后新电脑只需从云端下载对应配置即可，可以节省大量时间，但操作内容较多，这里转载另一位博主的文章。

https://www.jianshu.com/p/4ffa3b0ad860

koroFileHeader

koroFileHeader是文件头注释，用于标注文件创建者、修改者、创建日期、修改日期等文本，方便在项目重构升级时找到开发者等，提高效率。

使用方法见另一篇文章或插件说明：

https://blog.youkuaiyun.com/kramer_light/article/details/108942172

jQuery Code Snippets

JQuery代码提示，输入部分字段提示相应代码，结果如下。

在这里插入图片描述

Auto Rename Tag

顾名思义，自动重命名对应的 tag 标签，这东西的使用见仁见智，根据开发习惯来选择。

引用

https://www.cnblogs.com/zhengqiang666/p/10725930.html
https://www.jianshu.com/p/4ffa3b0ad860
https://www.ityuan.com/blog/3429

您可能感兴趣的与本文相关的镜像

HunyuanVideo-Foley

HunyuanVideo-Foley

语音合成

HunyuanVideo-Foley是由腾讯混元2025年8月28日宣布开源端到端视频音效生成模型，用户只需输入视频和文字，就能为视频匹配电影级音效

eobeans
关注
VSCode 搭建Python编程环境 2024新版图文安装教程（Python环境搭建+VSCode安装+运行测试+背景图设置）
Code_流苏：在代码中寻诗意，在实践中觅真知
12-19 1万+
VSCode 搭建Python编程环境 2024新版图文安装教程（Python环境搭建+VSCode安装+运行测试+背景图设置）
VSCode搭建Java开发环境 2024保姆级安装教程（Java环境搭建+VSCode安装+运行测试+背景图设置）
Code_流苏：在代码中寻诗意，在实践中觅真知
12-23 1万+
VSCode搭建Java开发环境 2024保姆级安装教程（Java环境搭建+VSCode安装+运行测试+背景图设置）
Visual Studio Code安装需要的注意事项
有光
02-08 1398
Visual Stdio Code 是一款极佳的编程软件，但是相比于其他IDE而言，此款软件并没有现成的编程环境，当运行C语言是需要一些设置和准备。 一。中文乱码问题 原因：是VS Code的默认编码方式是UTF-8，在中文模式下不支持显示，故此需要更改文字编码显示方式， 方法为 点击后找到，“通过编码重新打开”，选择该项： 重新打开VSCode 问题解决！ 二。 编译结果只能输出，尝试输入数据...
vscode设置选择行尾序列不生效
weixin_45439379的博客
09-24 2638
系列文章目录 问题现象： 关键点： 好用 好用 注意此时，最好将vscode重新启动
VSCode安装配置
最新发布
RebrithMan的学习笔记
10-13 2502
Visual Studio Code简称VS Code，是一款跨平台的、免费且开源的现代轻量级代码编辑器，支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性，也拥有对git的开箱即用的支持。同时，它还支持插件扩展，通过丰富的插件。
【VSCode】配置完全手册（编写中）
greatbody的专栏
01-17 2万+
前言VSCode是一个开源的强大代码编写器，但是如果没有好好的配置使用，会适得其反。这里总结VSCode的一些配置，方便自己查询，也方便网友。1. 编辑器配置1.1 功能为特定类型文件指定缩进大小、缩进类型（空格，或tab），是否自动插入末行等等。编辑器配置，使用的是一个 .editorconfig 文件，请先在项目文件夹根目录创建这个文件。很高兴发现， .editorconfig 文件遵循了社区的
vscode将文件中行尾默认CRLF改为LF
muzidigbig的博客
03-24 3373
vscode将文件中行尾默认CRLF改为LF 在Linux环境下，行尾序列（EOL）指的是行结束符。在Linux环境中，通常使用LF（Line Feed，即换行符）作为行尾序列。而在Windows系统中，则常使用CRLF（Carriage Return Line Feed，即回车加换行符）作为行尾序列。如果你在使用VSCode（Visual Studio Code）编辑文件时希望确保你的文件在Linux环境下能正确显示，你应该将文件的行尾序列设置为LF。
IDEA和VS code设置默认换行符为LF
热门推荐
sdujava2011
11-07 5万+
相信用Git的人对这个问题非常了解了，如果团队没做好约定，或者新人不太会用git，用的又是windows，git又没有开启autocrlf，那么当队友修改了代码提交之后，那画面真的是不忍直视。 所以索性将IDE的默认换行符设置为LF，一劳永逸； 1.IDEA File--》Other Settings--》Default Settings--》Editor--》Code Style--》Li...
vscode安装和基本设置
2203_75300307的博客
01-17 1129
注意1：务必使用VSCode打开的是文件夹，否则 Live Server 插件无法正常工作！注意2：打开的网页必须是标准的HTML结构，否则无法自动刷新！注意，favicon.ico这个文件要放在文件夹的最外面。删除快捷键：ctrl + shift + k。使用 VSCode打开文件夹的两种方式。桌面打开或者vscode里面打开文件夹。网页强制刷新：按住shift再点击刷新。，可以对生成结构的属性进行定制。在存放代码的文件夹中，存放一个。快捷键：ctrl + /图片，可配置网站图标。
苹果电脑（mac系统）安装vscode
09-01
因此，用户在安装VSCode后，可能会根据个人喜好和开发需求，下载安装诸如Git控制、代码美化、版本管理等扩展，以提升开发效率和体验。 VSCode在Mac系统下的表现与其他平台类似，它提供了跨平台的一致性体验，使得...
vscode安装教程，vscode安装包，官网网速太慢
04-05
本教程将详细介绍如何在官网网速较慢的情况下安装VSCode。 首先，你需要访问VSCode的官方网站（https://code.visualstudio.com/）来下载安装包。由于描述中提到官网网速太慢，这可能对下载过程造成困扰。为解决这个...
关于vscode的crlf和lf配置
qq_40388699的博客
11-03 879
1、项目的.editorconfig中的end_of_line配置与vscode的files.eol和.prettier保持一致即可。不一致就问项目的老大以哪个为准。
vscode CRLF 转为 LF
weixin_44119268的博客
07-19 2452
安装插件 EditorConfig for VS Code 新建.editorconfig 文件在根目录 .editorconfig 文件添加以下呢内容 root = true [*] charset = utf-8 indent_style = space indent_size = 2 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true 保存文件时就会自动将CRLF转为LF ...
VS code 配置之文件结尾换行LF和 CRLF
weixin_45225340的博客
10-08 2098
endOfLine”: “auto” 暂时忽略掉 eslint 的检查， 等最后可以用工具解决。在 prettierrc. js 里面可以配置末尾换行的方式。其中CRLF 是windows 的, 最后除了换行还有回车。行结束符使用 Unix 格式。开发的时候比较麻烦，可以用。看到一个用工具解决的文章。
Vscode中的行尾序列CRLF/LF问题，及其引起的Delete ‘␍‘ 的报错问题
M249_0428的博客
10-09 4779
LF (\n：这些系统使用单个 LF 字符来表示行尾。CRLF (\r\nWindows：这些系统使用两个字符 CR 和 LF 来表示行尾。
Vscode踩坑日记--行尾序列LF和CRLF
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
12-12 1万+
今天一上午什么也没干，一直配置Vscode，之前因为代码提交问题，需要解决配置一下eslint，问题就来了。一开始就单纯以为是配置Elsint没有生效，于是重新配置，甚至把vscode重新安了一遍，可是错误还消失。CRLF 是 carriage return line feed 的缩写，中文意思是回车换行。我又百度了百度，终于搞清了原因，下面对这种两种换行模式做一下简单介绍吧。LF 是 line feed 的缩写，中文意思也是换行。插件，配置信息什么都写好了还是一堆错误？将CRLF切换成LF解决了?
Vscode行尾序列LF和CRLF
Yan的博客
05-28 2044
例如，一个在Unix系统上创建的文本文件，如果在Windows系统上打开并编辑，然后再在Unix系统上打开，可能会发现行尾字符已经改变，这可能会导致一些程序（尤其是那些依赖特定行终止符的程序）出现意外的行为。描述：在早期的计算机系统中，\r（回车，Carriage Return）是用来将光标移动到行首，而\n（换行，Line Feed）是用来将光标移动到下一行。因此，当你在Windows系统上打开文本文件并按下回车键时，实际上是在文件中插入了两个字符：\r 和 \n。本文由博客一文多发平台。
vscode git拉下来后LF CRLF问题
lx233
12-13 4565
点击这里可以更改红色报错，windows下默认是CRLF, 类unix下LF。
linux安装vscode后怎么使用
09-26
<think> 首先，用户的问题是关于在Linux系统上安装VSCode后的使用方法。他们引用了三个引用，但系统提示说这些引用仅供参考，我应该参考用户上一次的问题和我的回答。然而，在这个对话历史中，没有上一次的问题；这是第一个用户消息。所以，我需要基于提供的引用和用户的问题来回答。 用户消息："我想了解在Linux系统上安装VSCode后如何使用 请问Linux系统安装VSCode后的使用方法" 引用： - [1]: 视频链接，关于基于VSCode和CMake实现C/C++开发在Linux上。 - [2]: 如何在Linux上安装VSCode，包括下载步骤。 - [3]: 安装后配置，包括语言设置和安装插件如CMake Tools。 用户已经安装了VSCode，所以我不需要覆盖安装部分。问题焦点在安装后的使用方法。 我的回答需要遵循系统级指令： - 所有行内数学表达式使用$...$，但这个问题不涉及数学，所以可能不需要。 - 独立公式使用$$...$$，但同样不适用。 - LaTeX语法正确：确保任何代码块或格式正确。 - 使用中文回答。 - 生成相关问题：在回答结束后，添加相关问题部分。 - 在引用的段落末尾添加引用标识，例如[^1]。参考提供的引用：[1], [2], [3]。 回答结构：系统指令说"回答结构清晰，帮助用户逐步解决问题"，所以应该组织成步骤或清晰的部分。 关键主题：如何在Linux上使用VSCode安装后。这包括： - 启动VSCode。 - 基本界面导航。 - 配置设置（如语言、主题）。 - 安装插件。 - 创建项目。 - 运行代码（特别是针对C/C++，因为引用[1]提到）。 从引用中提取有用信息： - [1]：提到基于VSCode和CMake开发C/C++，这可能是一个用例。 - [2]：安装过程，但用户已安装。 - [3]：配置步骤，如设置语言、安装插件（CMake Tools）。 用户明确问"使用方法"，所以我应该覆盖基本使用步骤。 大纲回答： 1. **启动VSCode**：描述如何打开VSCode（例如，终端输入`code`或从应用菜单启动）。 2. **界面介绍**：简要解释界面元素（资源管理器、终端、调试等）。 3. **配置设置**： - 设置语言（如从引用[3]，使用Ctrl+Shift+P搜索Configure Display Language）。 - 安装扩展：常见扩展如C/C++、CMake Tools等。 4. **创建项目**： - 打开文件夹。 - 创建新文件。 5. **编写和运行代码**： - 对于C/C++项目，使用CMake（从引用[1]）。 - 基本运行：编译和运行脚本。 6. **其他功能**：如集成终端、调试等。 确保回答真实可靠；基于一般知识和引用。 添加引用：在相关部分末尾添加引用标识。例如，当提到安装插件时，引用[3]。 最后，生成相关问题。 使用中文回答。 步骤： - 引言：确认用户已安装，聚焦使用方法。 - 逐步指导： a. 启动VSCode。 b. 熟悉界面。 c. 配置（语言、主题）。 d. 安装扩展。 e. 创建或打开项目。 f. 编写代码。 g. 运行代码（示例用C/C++）。 h. 调试等。 - 结尾提示更多资源。 - 相关问题。 代码块：如果需要，展示命令或配置。 </think> 以下是针对在Linux系统上安装Visual Studio Code（VSCode）后的使用方法的详细指南。我基于您的引用（特别是引用[1]和[3]，它们重点介绍了配置和开发流程）以及一般最佳实践整理而成。回答将分步解释核心操作，确保结构清晰且易于操作。VSCode是一个强大的代码编辑器，支持多种编程语言和工具，以下步骤以C/C++开发为例（如引用[1]所述），但方法同样适用于其他语言。 ### 步骤1: 启动VSCode 安装完成后，您可以通过以下方式启动VSCode： - **终端启动**：打开终端（Ctrl+Alt+T），输入命令 `code` 或 `code .`（点号表示打开当前目录）。这会启动VSCode并自动加载工作区[^2]。 - **图形界面启动**：在应用菜单中搜索 "Visual Studio Code" 并点击图标。 启动后，您将看到主界面，包括侧边栏（资源管理器、搜索、源代码管理等）、编辑器区域和底部状态栏。 ### 步骤2: 基本界面导航和设置 熟悉VSCode界面是高效使用的关键： - **资源管理器**（左侧第一个图标）：浏览和管理文件和文件夹。点击"打开文件夹"加载您的项目目录。 - **命令面板**（快捷键 Ctrl+Shift+P）：核心工具，用于快速执行命令（如设置配置、安装扩展）。 - **设置语言**：如果界面非中文，按 Ctrl+Shift+P，搜索 "Configure Display Language"，选择 "zh-cn"（中文），然后重启VSCode应用更改[^3]。 - **主题和外观**：按 Ctrl+Shift+P，搜索 "Preferences: Color Theme"，选择喜欢的主题（如"浅色"或"深色"）。 ### 步骤3: 安装必要扩展 扩展是VSCode的核心功能，能增强编辑效率。安装步骤如下： 1. 点击左侧扩展图标（或按 Ctrl+Shift+X）。 2. 搜索并安装常用扩展： - **C/C++**：Microsoft官方扩展，提供代码高亮、智能提示。 - **CMake Tools**：用于管理CMake项目（引用[1]强调其在C/C++开发中的重要性）。 - **Chinese (Simplified) Language Pack**：如果界面语言未完全中文化。 - 其他推荐扩展：如 "Code Runner"（一键运行代码）、"GitLens"（版本控制）。 3. 安装后，按提示重启VSCode生效。确保扩展图标显示"已启用"[^3]。 ### 步骤4: 创建和配置项目 以C/C++项目为例（基于引用[1]的CMake工作流）： 1. **创建新项目**： - 按 Ctrl+Shift+P，搜索 "Create: New Folder"，命名文件夹（如 `my_project`）。 - 在资源管理器中打开该文件夹。 2. **添加文件**： - 右键点击文件夹，选择 "新建文件"，命名为 `main.cpp`。 - 输入示例代码： ```cpp #include <iostream> int main() { std::cout << "Hello, VSCode on Linux!" << std::endl; return 0; } ``` 3. **配置CMake（可选但推荐）**： - 确保已安装CMake（终端运行 `sudo apt install cmake`）。 - 在项目根目录创建 `CMakeLists.txt` 文件： ```cmake cmake_minimum_required(VERSION 3.10) project(MyProject) add_executable(myapp main.cpp) ``` - 按 Ctrl+Shift+P，搜索 "CMake: Configure"，选择编译器（如GCC）。VSCode会自动生成构建文件[^1]。 ### 步骤5: 编译和运行代码 使用VSCode的集成终端和工具运行程序： - **简单运行（无CMake）**： 1. 打开 `main.cpp` 文件。 2. 安装 "Code Runner" 扩展后，右键点击编辑器，选择 "Run Code"，或按快捷键 Ctrl+Alt+N。输出将显示在底部终端。 - **使用CMake构建（高级）**： 1. 按 Ctrl+Shift+P，搜索 "CMake: Build"，编译项目。 2. 运行可执行文件：在终端输入 `./build/myapp`（假设构建目录为 `build`）。 3. 调试：按 F5 启动调试器，设置断点（点击行号左侧），VSCode会使用集成的GDB调试工具[^1]。 ### 步骤6: 常用高级功能 - **集成终端**：按 Ctrl+`（反引号键）打开内置终端，可直接运行Shell命令（如 `g++ -o main main.cpp`）。 - **版本控制**：左侧源代码管理图标（Git集成），支持提交、推送代码。 - **调试**：创建 `launch.json` 文件（按 F5 自动生成），配置调试参数。 - **快捷键**：学习常用快捷键（如 Ctrl+S保存、Ctrl+F搜索）提升效率。 ### 注意事项 - **性能优化**：如果项目较大，关闭不需要的扩展以节省资源。 - **参考文档**：Microsoft官方VSCode文档（https://code.visualstudio.com/docs）提供完整指南[^1][^3]。 - **错误处理**：遇到问题检查终端输出，或使用命令面板搜索 "Developer: Toggle Developer Tools" 查看日志。 通过以上步骤，您能快速上手VSCode在Linux上的开发工作流。如果您有特定语言或项目需求（如Python或Web开发），可以调整扩展和配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值