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

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

  • 一、VSCode下载与安装
    • 1.下载
    • 2.安装
        • 2.1 找到自己下载目录下的vscode,双击即可运行安装;
        • 2.2 选择同意协议,然后点击"下一步";
        • 2.3 修改安装路径。点击"浏览"进行选择或者直接输入安装路径;
        • 2.4 直接点击"下一步";
        • 2.5 勾选如图所示的几项,然后点击"下一步";
        • 2.6 确定信息后点击"安装",等待安装完成即可。
  • 二、中文显示(下载插件Chinese)
  • 三、网页自动保存刷新(下载插件Live Server)

一、VSCode下载与安装

1.下载

官网地址:https://code.visualstudio.com/Download.
根据自己电脑的系统选择相应的版本
VSCode的下载与安装、中文显示、网页自动保存刷新_第1张图片

2.安装

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

请添加图片描述

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

VSCode的下载与安装、中文显示、网页自动保存刷新_第2张图片

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

(默认是C盘,建议修改一下,并且路径中最好不要带中文)VSCode的下载与安装、中文显示、网页自动保存刷新_第3张图片

2.4 直接点击"下一步";

VSCode的下载与安装、中文显示、网页自动保存刷新_第4张图片

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

VSCode的下载与安装、中文显示、网页自动保存刷新_第5张图片

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

2.6 确定信息后点击"安装",等待安装完成即可。

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

下载插件步骤如下图所示:
VSCode的下载与安装、中文显示、网页自动保存刷新_第6张图片

VSCode的下载与安装、中文显示、网页自动保存刷新_第7张图片

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

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

你可能感兴趣的:(vscode,vscode,编辑器,visual,studio)