IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Visual Studio Code(VScode)安装及美化 -> 正文阅读

[开发工具]Visual Studio Code(VScode)安装及美化

1 VSCode下载与安装

1.1 VSCode下载

下载地址:https://code.visualstudio.com/

Windows系统下VSCode有两种版本安装程序:User InstallerSystem Installer,区别在于User Installer版本权限受限,System Installer版本没有权限限制,类似于以管理员权限运行。建议下载安装System Installer版本。

1.2 VScode安装




在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2 VSCode使用

2.1 安装中文语言包

在这里插入图片描述
初次打开VScode是英文界面,需要安装中文语言包。
在这里插入图片描述
安装完中文语言包后,VSCode重启后会显示中文界面。

2.2 添加远程连接模块

由于需要用到VSCode连接到WSL中的Ubuntu子系统,需要添加远程连接模块Remote-WSL模块,可以直接在远程主机中运行相关Python程序。
在这里插入图片描述
Remote 实际上包含3个模块,分别是Remote - WSL、Remote - Container、Remote - SSH,可以根据需要安装相应的模块。

2.3 远程连接Ubuntu子系统

在这里插入图片描述
点击左下角绿色标志,从上部打开的选项中选择“New WSL Window”
在这里插入图片描述
点击“New WSL Window”之后会打开一个新的窗口,同时在新窗口左下角显示“正在打开远程…”,该操作实际上会在WSL中的Ubuntu子系统中创建新文件"vscode-server",并安装vscode服务在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成后会在左下角显示WSL:Ubuntu,
在这里插入图片描述
在这里插入图片描述
要打开文件,可以选择"启动"-“打开文件”/“打开文件夹”
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
后面就可以对文件进行编辑了

3 VSCode美化(主题、字体等)

主题可以到以下网址查看:https://marketplace.visualstudio.com/vscode

3.1 安装图标主题

在这里插入图片描述
在这里插入图片描述

3.2 安装One Dark Pro主题

在这里插入图片描述

3.3 字体类型、字体大小修改

在这里插入图片描述
在打开的对话框里面,最上面输入font,就会显示与字体有关系的设置
在这里插入图片描述
FontFamily为字体设置,里面有多种字体,当前一种字体不能显示的时候会顺次应用下一种字体
在这里插入图片描述
这里应用很多人推荐的“Fira Code”编程字体,但是改字体是英文字体,不能显示中文,因此需要添加第二种能显示中文的字体,可以选择“微软雅黑”或者“等线”等字体。
Fire Code 字体下载地址:
https://github.com/tonsky/FiraCode

在这里插入图片描述

3.4 字体倾斜修改

由于VScode直接设置中没有字体倾斜选项,只有当主题配置文件中设置了斜体,然后勾选此处的“设置部分代码为斜体”后才能使部分内容显示为斜体,因此需要直接修改主题中相应的配置文件,才能使全部类型的字体显示为斜体。
在这里插入图片描述

安装的新主题文件位于以下位置:C:\Users\ZHOU.vscode\extensions
在这里插入图片描述
打开主题文件,定位到themes文件下,
在这里插入图片描述
打开json配置文件,其中设置字体样式的语句为"fontStyle":“normal”,
在这里插入图片描述

"fontStyle":“normal”   //正常字体
"fontStyle":“italic”  //斜体
"fontStyle":“underline”  //下划线
"fontStyle":“italic underline”  //斜体+下划线

修改后的字体
在这里插入图片描述

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-09-04 17:45:05  更:2021-09-04 17:46:07 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 1:08:38-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计