Visual Studio Code 的安装及设置

Roobert_Chao Roobert_Chao 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.6k累计阅读 1.7k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-04-19 11:39:39 发布 1.6k 阅读 AI 写同款· GEO 优化 ›
VSCode项目打包详细步骤 C++项目打包详细步骤 阅读详情

Visual Studio Code ，一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

文章目录

安装

  1. 直接访问官网 https://code.visualstudio.com/
    Visual Studio Code 官网
  2. 选择对应的版本下载。
    Visual Studio Code下载
  3. 选择安装的位置，设置生成桌面快捷方式。
  4. 傻瓜式安装方式即可。

配置

认识 Visual Studio Code 的布局

在这里插入图片描述

设置插件的安装位置

默认的安装路径是：
插件的默认安装路径

  1. 已安装VSCode，并且已将其添加到了环境变量path中。
  2. 打开cmd，输入code --help。
  3. code --extensions-dir 你的目标文件夹，通过命令可以修改指定加载插件的位置。
  1. 修改快捷方式，指自定义插件的位置
    在这里插入图片描述
  2. 将上图中红色的指向型的内容修改为
"D:\VM\Microsoft VS Code\Code.exe  --extensions-dir 你指定的文件目录"

安装中文语言包

  1. 点击 扩展，输入 chinese ，选择 Chinese (Simplified) Language Pack for Visual Studio Code 进行安装。（我的已经是安装好的了，显示上不会有太大的差别。）
    安装中文插件包
  2. 安装完成之后会重启。重启之后，显示的便是中文。
  3. 可以观察 扩展 内容的位置显示 中文插件。
    在这里插入图片描述
  4. 执行操作说明显示内容为
    在这里插入图片描述

安装文件图标主题插件

VsCode中的图标插件，可以控制vscode中的文件管理的树目录显示图标。

  1. 选择设置的位置
    在这里插入图片描述
  2. 选择性安装 文件图片
    在这里插入图片描述
  3. 安装 vscode -icons 文件图标主题
    在这里插入图片描述
  4. 重载以启用。vs code 重启之后，点击右下角的激活信息。或者到【设置】–>【文件图标管理】–>【vscode icons】在这里插入图片描述
    在这里插入图片描述
  5. 启用之后的结果。
    在这里插入图片描述

VS code 设置 github。

  1. github 的配置正常，就可以在Visual Studio Code中直接使用了，不用其它配置，而且直接在图形界面中通过鼠标进行操作，非常方便（当然你也可以通过 github 的命令方式操作，结果都一样，建议使用 github 方便）。
  2. ”D“表示删除了文件，”M“表示了修改了已有文件的内容，“U”是为跟踪的文件。鼠标停留几秒，就会有显示。因为是中文的，很方便。
    源代码管理器
  3. 暂存文件： 单击系统菜单，然后执行”暂存所有更改“菜单命令则将改变了文件进行了暂存。界面会对已经暂存更改和没有暂存的更改进行显示。
    暂存所有更改
  4. 提交文件到本地仓库： 单击系统菜单，然后执行”全部提交“菜单命令。在右上侧的文本框中输入本次提交的一个备注信息，然后单击回车键则将暂存的文件全部提交到本地仓库中。
  5. 本地仓库中的文件推送至GitHub的远程仓库中： 单击系统菜单，然后执行”推送到“菜单命令。选择你自己的远程仓库的地址（通过上述配置好之后，此时会自动弹出选择列表供用户选择），系统就会自动将本地仓库中的文件推送至远程仓库中（网络传输需要一段时间）。
    在这里插入图片描述
  6. 查看远程仓库的文件： 推送完成之后，再次打开GitHub，就会发现远程仓库中的文件已经与本地仓库中的文件同步了。

更新错误。

  • failed to install VS Code update / ENOENT: no such file or directory,C:\Users\zhao\AppData\Local\Temp\vscode-update-system-x64，
  • 解决方案（visual studio code关闭自动更新）如下操作：
    在这里插入图片描述
    在这里插入图片描述

项目

Java Web 项目。

  1. 需要的插件非常多。添加足够的插件如下。（我是导入了一个 web 项目，除了下面的 tomcat for java ，其余的插件都有添加。）
  • Debugger For Java。
    在这里插入图片描述
  • Java Extension Pack。
    在这里插入图片描述
  • Java Test Runner。
    在这里插入图片描述
  • Language Support for Java™。
    在这里插入图片描述
  • Maven for Java 。
    在这里插入图片描述
  • Tomcat for Java。
    在这里插入图片描述
  1. 使用 vs code 打开(或者手动创建Java web项目)。
    我是将之前的项目导入的
  2. 运行 tomcat
    在这里插入图片描述
  3. 利用命令行将项目打成 War 包
    在项目文件下选择第一个命令 会生成该项目文件夹命名的一个war包在这里插入图片描述
  4. 运行服务和项目
    右键生成的war包 选择 Run on Tomcat Server。
    在这里插入图片描述
    在这里插入图片描述
  5. 选择 war 包运行。

在调试前注意构建最新的 war 包

收录于
软件工具

当前文章被收录于：

软件工具
14 篇文章 1 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
【ROS 开发神器 Visual Studio Code 的安装和设置】 我们要一点一点的学习ROS的编程套路，路漫漫其修远兮，吾将上下而求索！🎉🎉🎉，ROS自带的编辑工具是gedit，不怎么好用，推荐VScode开发 ，相信你会喜欢这个工具，非常哇塞😍😍😍。 阅读详情

相关推荐

掌握Visual Studio Code：安装与设置

本文详细介绍了如何在不同操作系统上安装和设置Visual Studio Code，包括macOS、Windows和Linux。文中提供了具体的安装步骤，以及如何通过ServiceNow扩展程序创建和管理工作区，为开发者提供了一个全面的入门指南。

weixin_35906794的博客 488

VSCode集成tomcat及使用方法

安装配置 1.下载tomcat。 2.解压到指定目录。 3.VSCode中搜索扩展：tomcat，有一个Tomcat for Java。 4.安装完成后，回到资源管理器在下方会出现TOMCAT SERVERS。 5.打开设置，搜索tomcat会出现两个tomcat相关设置。一个是tomcat.restart_when_http(s)_port_change设置在端口改变时是否重启，默认为true；另一个是tomcat.workspace设置tomcat的工作目录，tomcat扩展相关的资.

ywb201314的专栏 5553

Unity游戏Google Play闪退？可能是这个隐藏设置惹的祸（附完整解决方案）

本文深度解析Unity游戏在Google Play上出现闪退的疑难问题，指出其根源可能在于Google Play后台的“应用完整性”设置与游戏原生库的冲突。文章提供了从崩溃日志分析、本地与线上版本对比测试，到调整Unity构建设置、审查第三方插件以及优化分发包配置的系统性排查与根治方案，帮助开发者彻底解决这一隐蔽问题。

weixin_29213827的博客 235

vscode开发maven的javaweb项目，并部署到tomcat及配置

vscode开发maven的javaweb项目，并部署到tomcat及配置，以及如何新建一个maven的web app项目

shendygis的专栏 1万+

利用Pandas进行高效网络数据获取

本文将重点介绍如何使用Pandas库进行网络爬虫。爬取数据是获取互联网上信息的常见方式之一，而Pandas作为一种强大的数据处理和分析工具，为我们提供了便捷的方法来处理和清洗从网页上获取的数据。文章将从爬取网页数据开始，包括使用Python的Requests库发送HTTP请求获取网页内容，并使用Pandas的功能来解析和提取所需的数据。我们还将讨论如何处理网页中的表格数据、处理和清洗数据、保存数据到文件等常见任务。

ak_bingbing的博客 1438

保姆级教程：用LoRA微调Chinese-Mistral-7B模型，并一键部署到Ollama（附完整代码）

本文提供了一份详细的LoRA微调Chinese-Mistral-7B模型的保姆级教程，涵盖环境配置、数据预处理、微调实战、模型量化及Ollama部署全流程。通过实战案例和完整代码，帮助开发者快速构建专属中文大模型，适用于医疗、法律等垂直领域。

weixin_30369041的博客 249

Visual Studio Code配置Tomcat运行Java Web项目

使用Visual Studio Code工具配置Tomcat运行Java Web项目,以及配置热部署进行项目开发。

积跬步，至千里。 1万+

芯片设计新手必看：5分钟搞懂工艺角（Process Corner）到底是什么，为啥仿真总要用它？

本文详细解析了芯片设计中的工艺角（Process Corner）概念及其在仿真中的重要性。通过类比马拉松运动员的性能差异，解释了晶体管制造过程中的天然波动，并介绍了TT/FF/SS等工艺角代码的含义。文章还探讨了为何需要跑全工艺角仿真，以及现代芯片验证的完整流程，包括PVT矩阵和多模式分析（MMMC），帮助芯片设计新手快速掌握这一关键概念。

weixin_28713947的博客 245

Visual Studio Code （VSCode）使用之Maven管理依赖的项目启动

文章目录前言一、VSCode需要安装的插件二、使用步骤1.引入库2.读入数据总结 前言 本文主要介绍在VScode中使用tomcat启动由maven管理依赖的（javaweb）项目。若使用的是其他开发工具，可以跳过了～ 由于公司的某些原因，不得不摒弃IDEA（懂的都懂）。在VSCode和Eclipse中徘徊，大学期间就使用的Eclipse，考虑到之前的使用感受，决定还是试试VSCode好了【手动🐶】。 下面的内容基于**M1(Pro)**芯片的MacOS系统，JDK 1.8、Tomcat 9.0.58、M

qq_41099935的博客 1万+

2025东方财富笔试考什么？cata能力测评攻略｜答题技巧真题分享

4月10日-4月20日 专业笔试（行测+金融知识混合双打） 4月25日-5月10日 面试车轮战（AI面+半结构化+压力面） 5月15日起 Offer发放（谈薪必杀技：对标同花顺/雪球）这里不仅是金融极客的乐园，更是**“年薪30万管培生计划”**的主战场——你将用代码重构K线，用算法预判市场，成为资本市场的“数字先知”。东方财富，中国金融信息服务领域的“隐形冠军”，以**“金融数据+互联网”双擎驱动**，打造了覆盖证券、基金、期货的全生态交易平台。：• “我总坚持自己的方案”（HR：团队毒药！

Dgntsj的博客 3262

Scratch全攻略：从入门到实践的编程之旅

Scratch 是一款由麻省理工学院（MIT）开发的图形化编程工具 ，它诞生的初衷是为了让编程教育更加普及，尤其是让孩子们能够轻松接触和学习编程。与传统的基于文本代码的编程方式不同，Scratch 通过将编程指令以图形化的积木形式呈现，极大地降低了编程的门槛，让编程变得如同搭积木一样简单有趣。

邓邓子的博客 1万+

visual studio code安装步骤并设置中文界面

第一步 下载vs code安装文件 在百度上搜索：visual studio code，进入官网 选择适合自己的版本下载（我这里就选择windows x64的稳定版下载了） 下载好之后在文件夹中找到.exe文件，双击开始安装 第二步 开始安装 这里我们选择接受协议；点击下一步 选择安装位置（默认是安装在C盘的，但是你也可以选择其他的位置，这里我选择在D盘 ）；点击下一步 这里默认就好；点击下一步 这里看自己的需要在前面打勾就好（一般中间的三个我们用不到，所以我们选择 在桌面安装快捷方式和自动添加PAT

rtsnd123的博客 982

【AI 赋能：Python 人工智能应用实战】16. BERT微调实战：中文新闻分类全流程（附模型蒸馏+ONNX部署完整代码）

中文新闻分类是NLP领域的经典实用任务，BERT模型凭借双向上下文建模能力，能有效解决中文歧义与长文本依赖问题，但存在推理速度慢、资源占用高的痛点。本文以THUCNews中文新闻数据集为核心，提供从数据预处理、BERT微调、模型蒸馏到生产部署的全流程实操指南。首先详解THUCNews的多编码读取与清洗（解决gbk/utf-8兼容问题）；然后实现BERT微调，加入早停机制与混淆矩阵可视化，验证准确率达93.8%；接着用DistilBERT完成模型蒸馏，在仅损失0.6%准确率的前提下，将推理速度提升2.7倍。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域，希望和大家共同进步！ 1098

centos安装最新的visual studio code并设置中文

centos上安装最新版本的visual studio code 有两种方法 第一种，在官网上下载这个安装包然后双击，会自动跳转到应用商店安装 官网 https://code.visualstudio.com/docs/setup/linux#_rhel-fedora-and-centos-based-distributions 第二种，在命令行上安装 先确认下有没有安装过dnf 没有则安装dnf sudo yum install dnf 然后再执行（下面四行代码） sudo rpm --impor

LuiChun 1296

【微信小程序】微信小程序 manifest.json 配置 ES6 转 ES5 开关：3步让你的代码兼容性更强

ES6（ECMAScript 6）是 JavaScript 的最新标准，引入了许多新的语法和特性，如箭头函数、模板字符串、解构赋值等。然而，不是所有的环境都支持 ES6，特别是旧版本的浏览器和一些特定的运行环境。为了确保代码的兼容性，我们需要将 ES6 代码转换为 ES5 代码。通过本文的详细讲解，相信你已经学会了如何在文件中配置微信小程序的 ES6 转 ES5 开关。这个小小的配置步骤能够显著提高代码的兼容性和稳定性。如果你有任何问题或需要进一步的帮助，欢迎随时留言交流。

java专栏 1360

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

Visual Studio Code安装及设置

一、介绍 Visual Studio Code Visual Studio Code (简称 VS Code / VSC) 是一款免费开源跨平台的现代化轻量级代码编辑器，支持语法高亮、智能 代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，并针对网页开发和云端应用开发做了优 化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作…… 在 Build 2015 大会上，微软宣布推出免费跨平台的 Visual Studio Code 编辑器。 介绍 VS

那就这样吧~ 7124

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

【开发工具】Visual Studio Code 安装教程，一键到底，通过插件即可设置中文语言包

重装了系统，各种开发软件就要重新安装了，隔的时间长了就容易忘记一些安装或者关键配置，这里就简单记录下VS Code安装和配置中文语言包。

小5聊的博客 3327

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

Visual Studio Code（VS Code）安装与C/C++编程的相关设置图解

本文主要介绍Visual Studio Code（VS Code）安装与用于C++编程的相关设置。Visual Studio Code（简称 VS Code）是微软推出的一款跨平台、免费并开源的代码编辑器。使用 Monaco Editor 作为其底层的代码编辑器。目前，Visual Studio Code 默认支持非常多的编程语言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。并且，内置了命令

cnds123的专栏 3755

Visual Studio Code + Anaconda安装及环境设置

本文介绍了Visual Studio Code和Anaconda的下载安装及环境配置流程。首先从官网下载安装包，按步骤安装并自定义安装路径。Anaconda安装时建议选择非C盘位置。完成安装后，需将Anaconda的安装路径、Scripts和Library\bin三个路径添加到系统环境变量中，最后通过cmd验证"conda"命令是否生效来确认环境配置成功。全文详细说明了从软件下载到环境设置的全过程。

weixin_68237578的博客 582

快速安装Visual Studio Code，推荐设置，扩展推荐

按照以上步骤，10 分钟内即可完成高效开发环境配置！

繁若华尘的博客 724

安装和设置Visual Studio Code(VS Code)的简要教程

使用Visual Studio Code的缘起 我学习Python的起因，是为了做量化交易。 相比一般的交易软件，Python更加自由，能够充分实现我的想法。 于是买了许多书，开始学习。 最开始使用的集成开发环境是Spyder。spyder是真的好用，尤其是用来绘制matplotlib的图表。 后来，随着学习的深入，然后接触到了PyCharm，这也是一个相当优秀的集成开发环境。PyCharm的插件要比Spyder丰富许多。或者说，Spyder基本没有什么插件。 然而，比起Visual Studi

qq_37944726的博客 4398

Visual Studio Code for mac 设置代理 安装go开发环境

Visual Studio Code for mac 设置代理 安装go开发环境1，设置代理2，代码补全 1，设置代理 2，代码补全 command + shift + p 参考： VSCode Golang代码提示 vs-code搭建golang开发环境（如何设置代理） ...

mixboot 2899

Visual Studio Code安装和设置中文

Visual Studio Code安装和设置中文

29岁的裴野永远爱你 7957

Microsof Visual Studio Code 安装教程（中文设置）

VS Code 是一个免费的代码编辑器，可在 macOS、Linux 和 Windows作系统上运行。启动和运行 VS Code 既快速又简单。VS Code（全称 Visual Studio Code）是一款由Microsoft 推出的免费、开源、跨平台的代码编辑器，拥有强大的功能和灵活的扩展性。VS Code 首次发布时间为 2015 年 4 月 29 日。VS Code 是轻量级的，应该可以在大多数可用的硬件和平台版本上运行。您可以查看系统要求以检查您的计算机配置是否受支持。

2401_87199769的博客 2909

UnRaid安装Visual Studio Code并设置为中文界面

喜欢码代码的同学可能都有这样的经历，有时代码写到一半，就要出差或者被要求去干别的活，然而代码编辑器是安装在台式机上的（除非是自己天天拎着笔记本到处转），这来回的跑，对代码维护确实是个麻烦的事。有没有办法将代码编辑器部署在服务器上，通过网页端访问来达到移动编辑、提高效率的方案呢？答案还真有，微软的Visual Studio Code免费代码编辑器提供了docker版，我们可以尝试在自己的服务器上，包括自己的Nas（群晖、UnRaid等）上通过Docker方式部署来实现前述功能。

engineerlzk的专栏 2577
上一篇： JavaScript 的进阶学习 （Node.js）_01
下一篇： UML 类图的初次使用
点赞 2
评论 0
书签 书签 3
Roobert_Chao
Roobert_Chao
博客等级 码龄9年 89粉丝 94原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值