目录

(一)vscode的下载

(1)找到vscode官网

 (2)选择适合自己电脑的版本进行下载

(3)windows用户安装选项

(二)认识vscode的页面

 从上到下认识vscode的图标

(三)vscode的插件安装

(1)中文语言包 - Chinese (Simplified)

 (2)在vscode中快速打开html文件 - open in browser

(3)在线浏览html网页更新变化-Live Server

(一)vscode的下载

(1)找到vscode官网

        Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.https://code.visualstudio.com/

 

 (2)选择适合自己电脑的版本进行下载

 

 

(3)windows用户安装选项

 

1、创建桌面快键方式:在桌面创建一个快捷方式,即带小箭头的图标。

2、将“通过code打开”操作添加到Windows资源管理器文件上下文菜单:当右键一个文件或者是文件夹时,菜单中会多一个“通过code打开”的选项,编辑代码就会非常方便。

 

(二)认识vscode的页面

 从上到下认识vscode的图标

分别是:

1、显示资源管理器

2、查找

3、git

4、运行配置

5、插件市场(重点!!后续在安装插件时需要点击这个)

 

(三)vscode的插件安装

(1)中文语言包 - Chinese (Simplified)

      这是下载vscode后安装的第一个插件,可以搜索下载,但是系统其实会提示安装中文插件

安装完毕后,关闭重新打开vscode中文插件就能生效

 

 (2)在vscode中快速打开html文件 - open in browser

      安装完毕后,右键html文件时,会增加两个选项

     Open In Default Browser:使用默认浏览器打开html文件

     Open In Other Browsers:使用其他浏览器打开html文件

(3)在线浏览html网页更新变化-Live Server

 安装后,htm界面鼠标右键,点击open live serve 就可以打开网页

其他插件安装和作用还在学习和探索中……

 

查看原文