目录
一.下载
百度搜索vscode,进入官网,点击下载,
网址:Download Visual Studio Code - Mac, Linux, Windows
下载完成,打开文件,一直点击下一步 完成安装
二.安装插件
扩展-搜索插件-安装
- 扩展
- 搜索插件
Chinese 汉化菜单插件(一般先进行汉化,将英文转变为中文)
open in browser 打开网页插件
Auto Close Tag 自动补全结束标签
Auto Rename Tag 自动同步修改的html标签(在修改HTML 标签的时候,自动修改标签名称)
HTML CSS Support 在VScode中提示CSS相关扩展
...............
- 安装
安装(我的已经安装过了,所以显示的是禁用)
三.打开文件
方法1 将文件夹拖拽到vscode页面左端
方法2 欢迎页面可以打开文件夹欢迎页面可以打开文件夹
方法3 点击资源管理器打开文件夹(一般是侧边栏第一个图标,如图)
四.在vscode里新建文件(注意后缀名,)
输入 !,回车。自动生成代码(如下)
注意随手保存代码,快捷键ctrl+s
五.缩放代码字号
放大:ctrl + 加号
缩小:ctrl + 减号
六.运行代码
点击右键,出现菜单栏,点击如图所示位置,文件将在默认浏览器运行。