VScode下载安装+使用

VSdode安装使用

1. 下载

1.VScode官网地址: link
2.点击向下箭头,选择自己电脑适配系统,点击下载,(推荐选择稳定版)在这里插入图片描述3.在文件资源管理器中打开下载好的安装包
在这里插入图片描述
4.双击安装该程序;选择我接收,再点击下一步
在这里插入图片描述5.安装磁盘推荐D盘;这里可以根据自己的需要选择;再点击下一步;一直等待安装结束;
在这里插入图片描述
6.安装完成之后就可以看到桌面上的快捷方式了
在这里插入图片描述
到这里就安装成功了!!!

2.插件安装

1.打开VScode,选择扩展
在这里插入图片描述
2.在输入框中输入Chinese,再选择install,安装插件
在这里插入图片描述3.安装完成之后会有提示,现在重启;点击重启;就可以看到是中文版
在这里插入图片描述
在这里插入图片描述
4.VScode常用插件:
(1) Open in Browser:打开外部浏览器
(2)settings sync:同步所有设置和插件
(3)Auto Rename Tag:自动重命名 HTML或XML 标签
(4)Auto Close Tag:自动添加 HTML/XML 关闭标签
(5)Bracket Pair Colorizer:让括号拥有独立的颜色,易于区分。可以配合任意主题使用

3.使用教程

1.在电脑上首先创建一个文件用来存放自己的项目;
在这里插入图片描述2.在VScode方法里面打开改文件夹
在这里插入图片描述在这里插入图片描述在这里插入图片描述3.新建文件或者文件夹
在这里插入图片描述

4.我在这里直接给大家演示如何新建文件,并且运用
首先点击新建文件;
在这里插入图片描述
然后命名文件,后缀为**.html**!!!,然后点击回车;
在这里插入图片描述
可以看到右边是我们新建好的文档;

在这里插入图片描述在编辑区域输入英文感叹号!点击回车,(注意,一定的是英文感叹号);我们就可以看到创建好的html文档结构
在这里插入图片描述
在这里插入图片描述
4.运行文件
在文档里面输入我们的第一行代码
<div>我是第一个html</div>
代码在body标签中书写
![在这里插入图片描述](https://img-blog.csdnimg.cn/94d2def89e4e4795b37a58f4c948519e.png在这里插入图片描述鼠标移动到编辑创建;右键点击;选择在默认浏览器中打开
在这里插入图片描述我们就会看到浏览器打开窗口;运行出出我们刚刚编写的代码
在这里插入图片描述

到这里我们的笔记就结束啦;欢迎留言!!!

猜你喜欢

转载自blog.csdn.net/weixin_44042442/article/details/129091398