本文介绍了Visual Studio Code(VSCode)中的一些高效开发插件，如Dracula主题、HighlightMatchingTag、AutoRenameTag等，以及常用的代码编辑快捷键，如Ctrl+P快速打开文件，Alt+上下箭头进行行移动。这些工具和技巧能提升前端开发者的工作效率，包括HTML、CSS、JavaScript等语言的支持和格式化。
常用插件
- Dracula Official 主题颜色
- Chinese (Simplified) 简体中文
- Highlight Matching Tag 突出显示匹配的开始或结束标签。
- Auto Rename Tag 自动重命名配对的 HTML / XML 标签，也可以在 JSX 中使用。
- Color Highlight 颜色高亮
- Image preview 悬停时显示图像预览。
- Vetur 语法高亮, 代码片段提示，格式化
- Git History 和 GitLens — Git supercharged 代码提交和版本管理
- Auto complete Tag 尾部闭合标签同步修改
- Browser Preview 直接预览插件不想总是切换到浏览器查看效果，可以使用这个插件
- element-ui-helper 组建属性提示
- Prettier - Code formatter 代码格式化
- Bracket 找对应括号，找另一半的问题插件
- JavaScript booster 提升代码质量插件
- PX to rem 单位转换
- jQuery Code Snippets：juqery提示插件
- HTML CSS support：css自动补齐
- Path Intellisense：自动路劲补全，默认不带这个功能的
- Live server 服务器查看
常用快捷键
- Ctrl + P ：打开文件
- Alt + Down：下移一行
- Alt + Up：上移一行
- Shift + Alt + Down：向下复制行
- Shift + Alt + Up：向上复制行
- tab 向右缩进
-
shift+tab 向左回退
1090
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
