杂记——18.VSCode的下载及使用

这篇文章，我们来讲一下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地址：[e-mail]: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 + / 添加关闭行注释

Shift + Alt +A 块区域注释

如果上述快捷键还是不能满足你的平常使用，你可以使用Ctrl ＋K，Ctrl ＋S来调出快捷键设置，如下图

2.6开发人员常用的VScode插件

在输入框中输入想要安装的插件名称，点击安装即可。安装后没有效果，可以重启vscode；

vscode-icons
改变编辑器里面的文件图标

Bracket Pair Colorizer
给嵌套的各种括号加上不同的颜色。

Path Intellisense
智能路径提示，可以在你输入文件路径时智能提示。

Markdown Preview
实时预览 markdown。

Markdown All in One
支持VScode的markdown扩展包

Prettier
比Beautify更好用的代码格式化插件