目录
(一)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 就可以打开网页
其他插件安装和作用还在学习和探索中……
发表评论