专栏文章索引:Web
有问题可私聊:QQ:3375119339
目录
一、安装步骤
二、插件
1.Chinese (Simplified) (简体中文)
2.open in browser
3.vscode-icons
4.Live Server
5.Live Server Preview
6.翻译(英汉词典)
三、快捷键
1.缩放代码字号
一、安装步骤
- 点击 “扩展”
- 搜索插件
- 安装
- 重启VS Code
二、插件
1.Chinese (Simplified) (简体中文)
汉化菜单插件
中文语言包扩展(简体),将VS Code汉化
2.open in browser
打开网页插件
通过简单的键盘快捷键或右键菜单直接在默认浏览器中打开 HTML 文件
3.vscode-icons
设置文件图标
该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标,让你更容易地识别文件。
4.Live Server
实时更新页面
当编辑页面修改内容后,保存代码,浏览器上会自动同步显示效果
5.Live Server Preview
页面实时预览
安装成功之后,每次编辑页面,打开命令面板,输入 Show Live Server Preview 就会出现该插件,点击即可实现在 VSCode 内实时预览页面效果。
感觉命令面板打开太难受,可以在命令面板选择编辑打开 Live Server Preview 的快捷键。
在此输入快捷键,按下 Enter 键即可。
6.翻译(英汉词典)
在状态栏中显示选中词的释义
选中需要翻译的英文单词,在右下角就会出现该单词的中文意思了
三、快捷键
1.缩放代码字号
- 放大:Ctrl + 加号
- 缩小:Ctrl + 减号
2.快速生成html基本骨架
在HTML文件(.html)中,输入!,按Enter / Tab键
3.代码注释
添加 / 删除 注释的快捷键:Ctrl + /