VScode 初始配置简单记录

懒得起名字的小白

已于 2023-04-23 09:31:55 修改

阅读量1.6k

点赞数

分类专栏： ide 文章标签： vscode ide 编辑器

于 2022-12-20 11:06:54 首次发布

本文链接：https://blog.csdn.net/qq_40341527/article/details/128381330

版权

ide 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 安装中文插件然后重启vscode

快捷键 ctrl+shift+p 选择中文简体，然后重启vscode

2.安装gitHub Theme 主题插件

UI好看一点

3.安装vue 插件，vue代码高亮

4.设置可以打开多个标签页以及自动保存

点击设置按钮，快捷键 ctrl+, 工作台，外观，点击在settings.json中编辑

添加两行配置第一行表示多标签页第二行表示自动保存（不用手动ctrl+s）

"workbench.editor.enablePreview": false,

"files.autoSave": "afterDelay"

5.快捷键

ctrl+~ 打开终端

ctrl+shift+F 全局搜索代码

ctrl+F 查找

ctrl+H 查找替换

ctrl+P 快速根据文件名查找文件

ctrl+ 加号 /减号字体大小控制

6.自动补全标签插件 Auto Close Tag

7.自动修改标签名 Auto Rename Tag

8.代码对其辅助线

9. 左侧文件树更好的图标 vscode icons

10. 如果想打开多个项目文件夹

ctrl+shift+N 新建窗口即可

11. 大小写转换插件

lowercase uppercase

快捷键 alt+shit+U alt+shit+L

12. git 历史记录插件

Git History

13. markdown 预览插件

Markdown Preview 快捷键 ctrl+shift+V

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懒得起名字的小白

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
VScode 初始配置简单记录

刚开始用vscode的学习
复制链接

扫一扫

专栏目录

Vscode代码初始设置

宇哥科研之路小记录

06-14

826

Vscode代码初始设置在文件>首选项>设置中可以直接复制即可 { "sync.gist": "6fb97970d1a4b846a37ce6ec2c95737c", "git.enableSmartCommit": true, "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "alwa.

VSCode配置Swift 开发环境

jiahao8915的专栏

04-04

7602

VSCode配置Swift debug环境 `swift`初始化项目LSP插件Debugger引用用Swift写小功能，或者仅仅测试一下语法，然后每次打开 xcode 时间太久，我就想能不能在 vscode 中进行 swift debug 或者学习从网上查找了一些资料，却同质化严重,这里做个小结。 swift初始化项目 mkdir firstDemo cd firstDemo swift package init --type executable 此时你可以通过命令行对运行项目 swi

参与评论您还未登录，请先登录后发表或查看评论

vscode 初始设置

qq_53526606的博客

04-10

442

个人vscode设置使用偏好记录。每次保存自动格式化代码。

VS code初始化HTML结构

winnieFighting

02-16

744

1.刚刚打开一个html页的时候，输入！ 2.紧接着按下tab键 3，这样html结构就成功初始化了，可以继续编程了！

Java开发之——Vscode编辑器安装教程+插件分享！！！

qq_44215191的博客

07-28

191

VScode编辑器安装教程+插件分享

vscode 初始设置、基本操作及html的基本了解

weixin_46507345的博客

05-01

4365

文章目录文章目录文章目录常用插件一、新建文件夹或者直接将文件夹拖入二、基本讲解三、基本标签使用，h和p演示结果四学习视频常用插件下载地址工具环境配置一、新建文件夹或者直接将文件夹拖入然后点击新建文件，后缀为html 二、基本讲解常用快捷键： 1.ctrl + ？注释 2. shift+alt+A 注释 3.ctrl+enter 换行 4. 按 a会跳出 a的属性标签格式，按p会跳出p的属性标签格式 5.html:5 VSCode会自动补全代码 <!DOCTYPE ht

vscode初始化设置

Awna的博客

06-23

388

{ // 如果此设置为 false，则无论新设置的值如何，都不会发送遥测数据。由于合并到 `telemetry.telemetryLevel` 设置，目前已弃用。 // 启用要收集的崩溃报告。这有助于我们提高稳定性。 // 此选项需重启才可生效。 "telemetry.enableCrashReporter": true, // 如果此设置为 false，则无论新设置的值如何，都不会发送遥测数据。已弃用，推荐使用 `telemetry.telemetryLevel` 设置。 // 启用要收集的

VSCode 初始化配置环境（前端&个人喜好）

Keep Learning

05-27

1028

VSCode 初始化配置环境安装open in browser插件格式化快捷键：Shift + Alt + F设置webstorm样式设置自动保存安装open in browser插件在插件中搜索open in browser并安装格式化快捷键：Shift + Alt + F 设置webstorm样式在插件中搜索webstorm，会有数个结果，我用的是Webstorm IntelliJ Darcula Theme，比较熟悉这个主题样式设置自动保存 ...

vscode安装及初始化

qq_42459314的博客

08-02

2240

vscode 安装初始化简记

vscode git配置使用

最新发布

09-06

3. 初始化Git仓库（如果尚未初始化）：在VSCode的终端（Terminal）中输入`git init`命令来初始化一个新的Git仓库。 4. 连接VSCode与Git：VSCode会自动检测到项目中的`.git`文件夹，并识别出这是一个Git仓库。如果...

vscode下vue3项目配置eslint+prettier

qq_40712430的博客

10-10

1247

vue3项目配置eslint+prettier

xmake-vscode插件开发过程记录

TBOOX开源工程

11-17

4913

最近打算给xmake写一些IDE和编辑器的集成插件，发现vscode的编辑器插件比较容易上手的，就先研究了下vscode的插件开发流程，并且完成了xmake-vscode插件的开发。我们先来看几张最后的效果图：语法高亮和自动补全状态栏要实现上面的效果，其实并不复杂，首先我们先来简单介绍下，vscode的插件开发的基本流程：安装插件开发环境安装cnpm由于国内环境比较复杂，直接用npm安装也许很慢或者

vscode怎么配置git

08-15

3. 在源代码管理面板中，点击 "初始化存储库"（Initialize Repository）按钮，或者选择 "克隆存储库"（Clone Repository）来克隆一个已存在的存储库。 4. 在弹出的窗口中，选择一个文件夹来存放你的 Git 存储库。 ...

VSCode插件开发之初始化项目

qiaotl的博客

06-14

1021

通过具体代码例子介绍如何从0到1构建vscode extension，webview由react构建

VSCode初始配置

W_jin的博客

09-17

1032

插件（插件安装后，Ctrl+,快速调出setting面板）插件推荐：https://zhuanlan.zhihu.com/p/57389333 远程开发：Remote Development 版本管理：GitLens 代码格式化：Prettier - Code formatter （自己设置保存时自动格式化，搜索save就出来了）函数括号：Bracket Pair Colorizer 2 自动改html标签：Auto Rename Tag 自动定位css代码：CSS Peek.

一个普通人的VScode的初始配置

明道_N 的博客

04-07

832

快捷键在代码区与终端之间切换快捷键 ctrl + j 打开终端 ctrl+ ` 显示隐藏左侧菜单栏 ctrl+b ctrl+thift+p 全局搜索设置 ctrl+F5 运行当前文件；；F5是调试运行当前文件。 Ubuntu字体空格字母间距较小 Ubuntu下vscode字体空格字母间距较小，更改方式: 在setting中找到 font-family 默认配置是’Droid Sans Mono’, ‘monospace’, monospace, ‘Droid Sans

vscode 默认初始化_VSCode设置初始化模板

weixin_39789042的博客

12-18

1941

先上图看下效果命令预览1. 文件 -> 首选项 -> 用户代码片段2. 找到你需要修改的文件类型3. 比如选择cpp4. 设置需要模板{// Place your snippets for cpp here. Each snippet is defined under a snippet name and has a prefix, body and// description. Th...

vscode初始化node项目

lucky_ly的博客

03-30

431

求助，怎么初始化vscode?

fbw20071015的博客

07-27

373

下了vscode，但根本不会初始化，看了几篇文章也不明白…… 各位大佬谁能教教我！

vscode 自动格式化 eslint vuecli

09-07

VSCode 可以通过安装相应的插件来实现自动格式化、ESLint 验证和 Vue CLI 集成。首先，在 VSCode 中搜索并安装 ESLint 插件，例如 "ESLint" 插件。安装完毕后，VSCode 会在工具栏中显示一个 ESLint 图标，表示已成功安装。接下来，我们需要在项目根目录下安装和配置 ESLint。在终端中运行以下命令来安装 ESLint 和相关规则： ``` npm install eslint --save-dev ``` 安装完成后，我们需要在项目根目录下创建一个 `.eslintrc` 配置文件，在其中定义我们需要的 ESLint 规则。可以使用一些流行的规则预设，例如 `eslint:recommended` 或 `plugin:vue/essential`，也可以自定义规则。具体的配置内容可以参考 ESLint 官方文档。配置好 `.eslintrc` 后，我们需要在 VSCode 中启用自动格式化。通过点击 VSCode 工具栏中的 "ESLint" 图标，再点击 "ESLint: Enable ESLint" 来启用自动格式化功能。这样，当我们保存文件时，VSCode 就会自动根据 `.eslintrc` 中的规则进行格式化和验证。对于 Vue 项目，我们还可以集成 Vue CLI。Vue CLI 提供了一个方便的命令行界面来初始化、开发和构建 Vue.js 项目。在终端中运行以下命令来安装 Vue CLI： ``` npm install -g @vue/cli ``` 安装完成后，可以在终端中运行 `vue create` 命令来创建新的 Vue 项目。Vue CLI 会帮助我们配置好项目的基本结构，并且已经内置了对 ESLint 的支持。总结而言，要实现 VSCode 自动格式化、ESLint 验证和 Vue CLI 集成，我们需要在 VSCode 中安装 ESLint 插件，然后在项目根目录下配置 `.eslintrc` 文件，并启用自动格式化功能。另外，如果使用 Vue CLI 创建项目，ESLint 的集成已经在项目初始化的过程中完成。这样，我们就可以在开发过程中，自动进行代码风格的格式化和规范验证。