VSCode的下载与安装、中文显示、网页自动保存刷新

一、VSCode下载与安装

1.下载

官网地址:https://code.visualstudio.com/Download.
根据自己电脑的系统选择相应的版本
在这里插入图片描述

2.安装

2.1 找到自己下载目录下的vscode,双击即可运行安装;

请添加图片描述

2.2 选择同意协议,然后点击"下一步";

在这里插入图片描述

2.3 修改安装路径。点击"浏览"进行选择或者直接输入安装路径;

(默认是C盘,建议修改一下,并且路径中最好不要带中文)在这里插入图片描述

2.4 直接点击"下一步";

在这里插入图片描述

2.5 勾选如图所示的几项,然后点击"下一步";

在这里插入图片描述

  • 将“通过Code打开”操作添加到 windows资源管理器文件上下文菜单
    (即:将vscode添加到右键菜单中,支持打开文件)
  • 将“通过Code打开”操作添加到 windows资源管理器目录上下文菜单
    (即:将vscode添加到右键菜单中,支持打开文件夹)
  • 将Code注册为受支持的文件类型的编辑器
    (即:对于受支持文件类型的文件,可以右键 > 打开方式 > Visual Studio Code来打开该文件,但是勾选后会把很多文本格式改为用vscode打开,所以不勾选)
  • 添加到PATH(重启后生效)
    (即:将vscode自动添加到环境变量path中,不用自己配置)
2.6 确定信息后点击"安装",等待安装完成即可。

二、中文显示(下载插件Chinese)

下载插件步骤如下图所示:
请添加图片描述

请添加图片描述

三、网页自动保存刷新(下载插件Live Server)

1.下载插件步骤如下图所示:请添加图片描述
2.下载后打开一个文件夹项目,没有就自己新建一个文件夹。
在这里插入图片描述
3.(此步骤非必须!!)没有文件夹项目的可参考下列步骤创建一个简单的网页,文件都可以自己命名,但尽量不要使用中文。
在这里插入图片描述
4.按鼠标右键,然后点击Open with Live Server,就可以在浏览器浏览网页啦。不过现在修改内容后要Ctrl+S保存,浏览器才会刷新显示,要实现实时显示,可打开自动保存。
在这里插入图片描述
5.打开自动保存:常用设置中将Auto Save(默认为off)修改为afterDelay(延迟),延迟的时间可自己设置(即每隔多久保存一次);
在这里插入图片描述
若常用设置中有Auto Save Delay便可直接修改,没有的依照下列步骤进行修改。(1秒=1000毫秒)
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值