GrannePack HTML:专为初学者设计的Web开发工具包
GrannePack HTML是一款专为Scott Granneman初级Web开发课程学生设计的扩展包,旨在帮助初学者快速掌握HTML开发技能。除了HTML,GrannePack还提供CSS、Git和Markdown等其他扩展包,满足不同学习需求。
扩展功能:
- 自动关闭标签(Auto Close Tag):自动添加HTML关闭标签,简化代码编写。
- 代码拼写检查(Code Spell Checker):检查代码中的拼写错误,确保代码质量。
- 颜色选择器(Color Picker):通过图形界面生成颜色,方便设计。
- 文件模板管理器(File Templates Manager):管理个性化页面模板,提高开发效率。
- 文件工具(File Utils):复制、移动、重命名和删除文件及文件夹,方便文件管理。
- HTML提示(HTMLHint):查找并报告HTML中的错误,帮助优化代码。
- 图像预览(Image Preview):在边栏和链接上悬停时预览图像,方便查看。
- 缩进彩虹(indent-rainbow):通过颜色区分缩进层次,提高代码可读性。
- 实时预览(Live Preview):使用本地服务器预览网页,及时查看效果。
- 占位符图像(Placeholder Images):插入占位符图像,方便布局设计。
- 项目模板(Project Templates):从文件夹模板创建项目,快速启动新项目。
- 项目管理(Projects):管理您的项目,保持工作有序。
主题:
- Monokai Dark Soda:深色主题,搭配亮色,增强视觉效果。
- Material Icon Theme:基于Material设计的图标主题,美化开发环境。
可选设置:
我创建了一个名为“VSCode settings for the extensions installed via GrannePack HTML”的GitHub Gist。如果您希望使用这些设置,请按照以下步骤操作:
- 点击Raw按钮,按Command-A(macOS)或Ctrl A(Windows)选择页面内容,并复制页面内容。
- 调用命令面板(Shift-Command-P for macOS或Ctrl Shift P for Windows & Linux),搜索“Open Settings (JSON)”,并按回车键。
- 再次按Command-A(macOS)或Ctrl A(Windows)选择settings.json文件的内容,然后将我的Gist内容粘贴到原有内容上方。请注意,这将覆盖您已有的任何设置。如果您想保留旧设置,请先将它们复制到一个单独的文件中,然后在粘贴我的设置后,逐一小心地将它们添加回来。请注意JSON文件的格式规则!
- 保存您刚粘贴的文件——settings.json,并关闭标签页。
如果Visual Studio Code报告settings.json有错误:
- Visual Studio Code应指示需要修复的问题。请查看文档中用户和工作区设置页面上的常见问题部分以获取更多信息。
- 将您的settings.json文件内容粘贴到JSON格式化和验证工具中。它将提供明确的解决方案,帮助您解决错误。
本站所有资源都是由网友投稿发布,或转载各大下载站,
请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则
产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com