admin管理员组

文章数量:1606165

Tools

工欲善其事必先利其器

1.工具

1.1 前端工具

  • VSCode ~强烈推荐，入门必备
  • JetBrains WebStorm ~除了有点吃内存，其余都牛逼
  • HBuilder ~和uniapp天生匹配
  • atom ~了解即可
  • sublime ~了解即可

2.VSCode必备插件

2.1 Open-In-Browser

在浏览器中打开文件的内置界面

2.2 live-server 🔥

开启服务,并且页面热更新.

安装后在vscode底部会出现Go Live按钮。

2.3 Beautify

Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整

按键盘F1调出快捷键，选择Beautify file

2.4 Code Runner

万能语言运行环境,直接通过此插件就可以直接运行对应语言的代码

2.5 Image Preview

鼠标移到路径里显示图像预览

2.6 Path Intellisense

路径自动补全插件

2.7 Turbo Console Log

快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.log。

快捷鍵解释
ctrl + alt + l选中变量之后，使用这个快捷键生成 console.log
alt + shift + c注释所有 console.log
alt + shift + u启用所有 console.log
alt + shift + d删除所有 console.log

2.8 css-auto-prefix

自动添加 CSS 私有前缀,解决兼容性的利器

2.9 Bracket Pair Colorizer

给嵌套的各种括号加上不同的颜色,便于区分作用域

2.10 Auto Rename Tag

自动修改匹配的 HTML 标签

Tip:以上均是本人常用的插件，其实vscode还有很多好用的插件，大家通过此篇文章熟悉，自己去探索吧！

有同学想问我gif图如何录制的，如下

  • GifCam 一个制作gif的神器，下载地址

😂 本文均由JavaDog原创，转载请标明出处。

本文标签： 插件常用

版权声明：本文标题：vscode10大常用插件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728491647a1160474.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。