vscode怎么使用? vscode基础使用教程
我要评论visual studio code简称叫做vscode，在程序开发中使用到，既可以写html、js的代码，也可以写后台代码。那么，visual studio code如何使用，以及自定义设置呢？
打开visual studio code之后，界面如图所示。最上方的是菜单栏，左侧的是快捷工具栏，设置按钮就在左侧的最下方
首先看顶部的菜单栏，File是对文件操作的菜单，如打开文件、文件夹等。Edit是编辑过程中的相关菜单，比如撤销等。View是显示或者隐藏哪些视图窗口的菜单。Go是跳转类的菜单，如转定义等等。Debug是调试相关的菜单。Help是帮助菜单
接着看左侧的快捷工具栏，从上到下依次是，Explorer：当前打开的文件或者文件夹的列表窗口。Search：查找和替换窗口。Source Control：源码管理的窗口，比如配合svn、git等源码管理工具。Debug：调试窗口。Extensions：扩展插件窗口
在左侧快捷工具栏的最下方，是设置按钮，点击之后，会出现一个弹出菜单，选择Settings，就能在右侧出现各种明细的设置选项。点开设置页面后，首先看到的是间隔多少毫秒自动保存的设置项，接着是字号、字体的设置
接下来，演示如何创建一个html页面。首先点击左上角的【File】菜单，选择【New File】就会出现一个空白的标签页，这样的标签页还没有存储任何内容，也没有存储成物理文件，所以，书写代码的时候，没有智能提示
这个时候，可以使用【Ctrl + S】组合键，或者，点击【File】菜单下面的【Save】选项，保存文件到电脑的磁盘。在弹出的保存到磁盘位置的界面中，默认的文件类型是txt文本文件，注意要修改为.html结尾的文件，才是html网页文件
当保存为html结尾的网页格式文件之后，在文件的开始处，输入一个感叹号，再按一下 Tab 键，就能自动生成符合H5规范的html页面框架内容了
以上就是vscode新手入门教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
visual studio code怎么改快捷键？vscode修改默认快捷键的方法介绍
vscode代码折叠功能怎么使用? vscode折叠代码的方法
VSCode默认主题怎么更换? VSCode更换背景色的教程
相关文章
VS Code怎么设置全局工具栏? VSCode关闭全局工具栏的技巧
VS Code怎么设置全局工具栏？VS Code软件中的全局工具栏不想要显示了，可以关闭，该怎么关闭呢？下面我们就来看看VSCode关闭全局工具栏的技巧，详细请看下文介绍2022-06-10
VSCode如何更新? VSCode手动更新与自动更新的设置方法
VSCode如何更新? VSCode之前设置过禁止自动更新，如果有版本更新可以自己选择更或者不更，下面我们就来看看VSCode手动更新与自动更新的设置方法2022-06-10
VSCode怎么设置保护套? VSCode保护套开启和关闭方法
VSCode怎么设置保护套？经常使用VSCode编程开发，有时候需要保护套，该怎么开启或者关闭呢？下面我们就来看看VSCode保护套开启和关闭方法2022-06-10
VSCode鼠标悬停显示提示框怎么关? VSCode关闭显示链接悬停的技巧
VSCode鼠标悬停显示提示框怎么关？Visual Studio Code软件鼠标经过代码，如果有停顿会显示一个提示框，想要关闭，该怎么关闭呢？下面我们就来看看VSCode关闭显示链接悬停的2022-06-10
VSCode总显示退出警报怎么关? VSCode关闭显示退出警报的技巧
VSCode总显示退出警报怎么关？VSCode每次关闭都会提示退出警告，这个是可以关闭的，该怎么设置呢？下面我们就来看看VSCode关闭显示退出警报的技巧2022-06-07
VS Code隐藏的单元格状态栏怎么显示出来？Visual Studio Code中想要设置状态栏的情况，该怎么设置呢？下面我们就来看看详细的教程2022-06-02
VS Code右键单击快捷操作怎么设置? vscode右键快捷方式设置技巧
VS Code右键单击快捷操作怎么设置？VS Code中右键单击是可以进行快捷操作的，该怎么设置右键的功能呢？下面我们就来看看vscode右键快捷方式设置技巧2022-06-02
vs code有哪些好看的主题? 15个VS Code主题推荐排行榜介绍
vs code有哪些好看的主题？vs code软件可以使用的主题有很多，很多朋友不知道该怎么算则，今天我们就来介绍一下15个VS Code主题排行榜，详细请看下文介绍2022-05-23
VS Code怎么设置每行代码长度? VSCode文本行限制为35的技巧
VS Code怎么设置每行代码长度？VS Code代码为了排版更整洁，想要设置文本行限制，该怎么设置呢？下面我们就来看看VSCode文本行限制为35的技巧2022-05-19
VS Code怎么将所有未知属性设置未错误呢？Visual Studio Code中有很多不知道的属性，这时候可以设置未错误，该怎么设置呢？详细请看下文提示2022-05-19
最新评论