VsCode 使用基础

环境准备

在开始使用VsCode之前，我们需要对其环境进行一些准备工作：

安装VsCode：从官网 https://code.visualstudio.com/ 下载并安装VsCode；
安装必要的插件：在VsCode菜单栏中选择“扩展”，搜索并安装以下插件：
Markdown All in One：用于编写markdown文件
Bracket Pair Colorizer 2：用于代码括号匹配
Live Server：用于开启Live Server
Prettier：用于格式化代码

基本操作

创建新文件

在VsCode的左侧文件资源管理器中，点击某一个文件夹后，在右侧空白处右键选择“New File”即可创建新的文件。

编辑文本

在新文件创建完成后，我们就可以在其中编写代码或文本了。VsCode提供了一些常见的快捷键：

Ctrl/Cmd + C：复制
Ctrl/Cmd + V：粘贴
Ctrl/Cmd + X：剪切
Ctrl/Cmd + Z：撤销
Ctrl/Cmd + S：保存

代码高亮

VsCode使用特定的颜色来区分不同类型的代码。比如我们经常看到的，javascript的变量是紫色的，CSS的属性是绿色的。这个是VsCode自带的。

代码提示

VsCode提供了很好的自动补全功能，只需输入部分关键字，VsCode就会自动提示相关的代码。

插件使用

VsCode提供了很多实用的插件，可以根据自己的需要来进行安装和管理。比如，我们可以安装“Live Server”插件，并点击右下角的“Go Live”按钮，就可以在浏览器中预览我们的网页了。

格式化和排版

VsCode有内置的Prettier插件，可以自动格式化我们的代码，并按照一定的规范进行排版。只需安装并启用该插件，即可在保存时自动格式化代码。

示例1：HTML基础

下面是一个简单的HTML文档模板，大家可以参考如何在VsCode中编写和保存HTML文件。

<!DOCTYPE html>
<html>
<head>
    <title>My First Webpage</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>Welcome to my webpage.</p>
</body>
</html>

示例2：JavaScript基础

下面是一个简单的JavaScript程序，大家可以参考如何在VsCode中编写和运行JavaScript代码。

console.log("Hello, World!");

结束语

以上就是VsCode基础使用攻略的介绍。希望能对新手们有所帮助，也欢迎大家在评论区留言，分享自己的使用经验。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：VsCode 使用基础_VsCode入门小技巧 - Python技术站

VsCode 使用基础_VsCode入门小技巧