当前位置：首页 > news >正文

全美网站建设公司在线培训app

news 2026/4/7 12:12:01

全美网站建设公司,在线培训app,wordpress应,小程序开发平台哪家实惠这篇文章，我们来讲一下VSCode，讲一下如何下载及使用VSCode 目录 1.VSCode的下载 1.1VSCode的简介 1.2VSCode的下载与安装 1.2.1下载 1.2.2安装 2.VSCode的使用 2.1界面 2.2基础设置 2.3禁用自动更新 2.3自动保存设置 2.4Vscode更换主题 2.5…

这篇文章，我们来讲一下VSCode，讲一下如何下载及使用VSCode

1.VSCode的下载

1.1VSCode的简介

1.2VSCode的下载与安装

1.2.1下载

1.2.2安装

2.VSCode的使用

2.1界面

2.2基础设置

2.3禁用自动更新

2.3自动保存设置

2.4Vscode更换主题

2.5VScode的常用快捷键

2.6开发人员常用的VScode插件

1.VSCode的下载

首先，我们来讲解一下VSCode的作用和如何下载它

1.1VSCode的简介

VScode全称是Visual Studio Code，是微软推出的一个跨平台的编辑器，能够在windows、Linux、IOS等平台上运行，通过安装一些插件可以让这个编辑器变成一个编译器。 VSCode支持C++、Python、Java、C#、Go等多种语言，功能强大、插件丰富并且启动速度极快，值得每个开发人员尝试一把！

1.2VSCode的下载与安装

1.2.1下载

下面提供两个渠道：

渠道一：官网：Visual Studio Code - Code Editing. Redefined

进入官网，点击download，选择适配自己系统以及需求的版本，下载之后点击安装，更改默认安装路径为D盘，然后打开进行软件设置。

渠道二：SSH地址：git@gitee.com:dancing-with-falling-snow/dancing-warehouse.git

我在本人的Gitee上上传了VSCode2023的安装压缩包，可以通过git下载到本地，然后解压缩，安装

1.2.2安装

下载好了之后，我们按如下步骤进行安装

1. 鼠标右击【Visual Studio Code2023】压缩包（win11及以上系统需先点击“显示更多选项”）【解压到 Visual Studio Code2023】。

2. 打开解压后的文件夹，鼠标右击【Setup】选择【以管理员身份运行】。

3. 选择【我同意此协议】，点击【下一步】。

4. 选择【桌面快捷方式】，点击【下一步】。

5. 修改路径地址中的第一个字符C可更改安装位置（如：把C改为D软件将安装到D盘），点击【下一步】。

6. 点击【下一步】。

7. 点击【安装】。

8. 安装中……

9. 点击【完成】。

10.

①点击【商店图标】

②输入【Chinese】后在键盘上按【Enter】键

③点击【Install】。

11. 点击【Change Language……】。

12. 安装成功！

2.VSCode的使用

2.1界面

首先，我们需要先了解VScode的基本操作，首先熟悉VScode的整个界面，如图所示

最左侧是活动栏，活动栏由上到下分别是：打开侧边栏，搜索，使用git，debug，商城；
侧边栏：新建项目文件和文件夹；
编辑栏：编写代码的区域；
面板栏：从左到右依次为，问题，输出，调试栏，终端（terminal），最重要的是terminal，用来输入相关命令；
状态栏：点击错误和警告区域可以调出面板栏；

2.2基础设置

进行VScode设置，点击文件——＞首选项——＞设置，就可以对自己喜欢的风格进行设置了；这里推荐一些基础设置。
（1）editor.fontsize用来设置字体大小，可以设置editor.fontsize : 14；

（2）files.autoSave这个属性是表示文件是否进行自动保存，推荐设置为onFocusChange——文件焦点变化时自动保存。

（3）editor.tabCompletion用来在出现推荐值时，按下Tab键是否自动填入最佳推荐值，推荐设置为on;

（4）editor.codeActionsOnSave中的source.organizeImports属性，这个属性能够在保存时，自动调整 import 语句相关顺序，能够让你的 import 语句按照字母顺序进行排列，推荐设置为true,即"editor.codeActionsOnSave": { “source.organizeImports”: true }；

（5）editor.lineNumbers设置代码行号,即editor.lineNumbers ：true；

2.3禁用自动更新

文件 > 首选项 > 设置（macOS：代码 > 首选项 > 设置，搜索update mode并将设置更改为none。

开启代码提示设置

第一步：点击左下角点击设置图标，找到并点击“setting”

第二步：到搜索框里搜索“prevent”—>并取消此项的勾选；

2.3自动保存设置

File（文件）- Preferences（首选项）- Setting （设置）然后弹出下面界面，选择User（一般会默认选中该选项），

接着如下图选择afterdelay选项即可，下面有个数字1000表示1秒，这个可自行设置，表示多少秒以后自动保存

2.4Vscode更换主题

File（文件）- Preferences（首选项）- Color-Theme （颜色主题）

2.5VScode的常用快捷键

高效的使用vscode,记住一些常用的快捷键是必不可少的，我给大家罗列了一些日常工作过程中用的多的快捷键。

以下以Windows为主，windows的 Ctrl，mac下换成Command就行了

对于行的操作：

重开一行：光标在行尾的话，回车即可；不在行尾，ctrl + enter 向下重开一行；ctrl+shift + enter 则是在上一行重开一行
删除一行：光标没有选择内容时，ctrl + x 剪切一行；ctrl +shift + k 直接删除一行
移动一行：alt + ↑ 向上移动一行；alt + ↓ 向下移动一行
复制一行：shift + alt + ↓ 向下复制一行；shift + alt + ↑ 向上复制一行
ctrl + z 回退
对于词的操作：

选中一个词：ctrl + d
搜索或者替换：

ctrl + f ：搜索
ctrl + alt + f：替换
ctrl + shift + f：在项目内搜索
通过Ctrl + ` 可以打开或关闭终端

Ctrl+P 快速打开最近打开的文件

Ctrl+Shift+N 打开新的编辑器窗口

Ctrl+Shift+W 关闭编辑器

Home 光标跳转到行头

End 光标跳转到行尾

Ctrl + Home 跳转到页头

Ctrl + End 跳转到页尾

Ctrl + Shift + [ 折叠区域代码

Ctrl + Shift + ] 展开区域代码

Ctrl + / 添加关闭行注释