【Web】VS Code 插件
https://img-blog.csdnimg.cn/direct/d6e712c605734cb1a8455924803b1a7c.jpeghttps://img-blog.csdnimg.cn/direct/4bd3b9c230204a589b7e536694b4f8b0.png专栏文章索引：Web
有题目可私聊：QQ：3375119339
https://img-blog.csdnimg.cn/direct/0e193db6684d40e8bf60b897194d4b46.png目次
一、安装步骤
二、插件
1.Chinese (Simplified) (简体中文)
2.open in browser
3.vscode-icons
4.Live Server
5.Live Server Preview
6.翻译(英汉词典)
一、安装步骤https://img-blog.csdnimg.cn/direct/94026904bd6c4e7a83cd151a1f0ccdec.png
[*]点击 “扩展”
https://img-blog.csdnimg.cn/direct/0a201bd5fdc842879a0753399ea301f4.png
[*]搜刮插件
https://img-blog.csdnimg.cn/direct/fd08a3c0b7a546a8af65f27662d81255.png
[*]安装
https://img-blog.csdnimg.cn/direct/700004460d23498db12b6d07d32c2b39.png
[*]重启VS Code
二、插件https://img-blog.csdnimg.cn/direct/c95b61e19e4d4702a75af64471b7020f.png
1.Chinese (Simplified) (简体中文)
汉化菜单插件
https://img-blog.csdnimg.cn/direct/800ffdd528694f2484d37a751b2472ee.png
中文语言包扩展（简体），将VS Code汉化
2.open in browser
打开网页插件
https://img-blog.csdnimg.cn/direct/6c64478952b846caad98c54437d1f758.png
通过简单的键盘快捷键或右键菜单直接在默认欣赏器中打开 HTML 文件
3.vscode-icons
设置文件图标
https://img-blog.csdnimg.cn/direct/88e95fb4a2774d16a176d5331d6508fd.png
该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标，让你更容易地辨认文件。
https://img-blog.csdnimg.cn/direct/cc91465725d74bd29bcae89b9e13ab75.png
4.Live Server
及时更新页面
https://img-blog.csdnimg.cn/direct/d67f4ba5e15b4b8b934e6f94c423630f.png
当编辑页面修改内容后，保存代码，欣赏器上会主动同步显示结果
5.Live Server Preview
页面及时预览
https://img-blog.csdnimg.cn/direct/ca5d7d86e9b34d8d93e76ec66ffe1d88.png
安装乐成之后，每次编辑页面，打开命令面板，输入 Show Live Server Preview 就会出现该插件，点击即可实现在 VSCode 内及时预览页面结果。
https://img-blog.csdnimg.cn/direct/db73c48146a047dca3ee2f3551640a4f.png
感觉命令面板打开太难受，可以在命令面板选择编辑打开 Live Server Preview 的快捷键。
https://img-blog.csdnimg.cn/direct/8449d2631c204f5ba02bf943ad174373.png
在此输入快捷键，按下 Enter 键即可。
https://img-blog.csdnimg.cn/direct/6f225d3b69f54bfd9eed8239ab1476b1.png
6.翻译(英汉词典)
在状态栏中显示选中词的释义
https://img-blog.csdnimg.cn/direct/94206b8f331444639eb808d1ca6a2dff.png
选中需要翻译的英文单词，在右下角就会出现该单词的中文意思了
https://img-blog.csdnimg.cn/direct/7cc75ebf018c4380a6debf21a8b721ff.png
7.background-cover
自定义背景
https://img-blog.csdnimg.cn/direct/966d21dfb1fa45ecbd8d5140a898c327.png
[*]Background Cover：Auto Status
设置是否主动开启背景
[*]Background Cover: lmage Path
给定一个图片作为背景
[*]Background Cover: Opacity
设置背景的透明度
[*]Background Cover: Random Image Folder
给定一个目次作为随机图片目次
https://img-blog.csdnimg.cn/direct/157b09a6e5e94fd6855b57c0066f2a14.png
https://img-blog.csdnimg.cn/direct/26b76fb715984936969415e760f03c68.png
https://img-blog.csdnimg.cn/direct/fedc5f7152934b0cadfeb4a2d421bc40.gif
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]