VS code常用插件推荐(最新版) |
您所在的位置:网站首页 › 插件代码怎么写 › VS code常用插件推荐(最新版) |
推荐插件主要有以下几个原因:
增强功能:VSCode插件可以增强编辑器的功能,如代码补全、语法高亮、代码导航等,让开发更高效。 提升效率:插件可以提供快捷键、代码片段等工具,让开发者更快速地编写代码。 个性化定制:插件可以根据个人喜好进行定制,选择适合自己的插件,让开发环境更符合个人需求。 社区支持:VSCode是一个开源的编辑器,拥有庞大的社区,有大量的插件和扩展可供选择,并且社区成员可以相互分享和推荐插件。 跨平台支持:VSCode可以在多个操作系统上运行,插件也可以在不同平台上使用,增加了插件的可用性。 接下来将推荐几款绝对方便好用的插件,后续如果有更好的或者更新迭代,这里会持续更新。 1.Chinese (Simplified) (简体中文)这个是中文(简体)语言包为 VS Code 提供本地化界面。安装之后,只需选择重新加载即可完成对界面完成汉化操作。 2.open in browser可以选择在默认浏览器打开或者选择自己想用的浏览器打开。 3.Live Server这个插件超级好用,实时预览和调试网页应用程序,可以实时预览和调试网页应用程序,无需手动刷新浏览器。 4.Auto Rename Tag当您重命名一个 HTML/XML 标签时,该标签将自动重命名所有成对的 HTML/XML 标签。此扩展仅支持 HTML、XML、PHP 和 JavaScript。 5.JavaScript (ES6) code snippets这个插件对代码片段很有用,它有很多快捷缩写,代码提示功能很强大。它能够有效减少拼写错误和提高编码效率。几乎每个前端程序员都是 JavaScript 的使用者,为了提高编写 JS 代码的效率,这个扩展很有用,并且它还支持 .ts, .tsx 和 .jsx 文件。 6.HTML CSS Support这个插件在VScode中是CSS代码快捷神器。 7.CSS Navigation这个插件用 Ctrl+鼠标 点击html标签中的class名 即可跳转到 class对应的css样式区域 8.lmage preview这个插件是非常好的图片查看工具,可以在代码中,将鼠标放在img标签的src路径上时即可查看图片。 9.会了吧单词翻译工具,会翻译所有单词,也可以做笔记,看代码不再枯燥。 10.javascript console utils代码调试肯定少不了 console.log ,那么这款就是快速生成 console.log 的插件。使用方法 非常简单,选中变量,然后按 ctrl + shift + L 就可以生成了。需要删除的时候按 ctr1 +shift + D 即可删除 11.Turbo Console Log另一个用来生成 console.log 的插件,不同的是,他支持自定义 console.log 的内容,包括文件名,路径,大小等,还可以添加自己喜欢的 emoji 表情,快捷键 ctrl + alt + L。 12.Prettier - Code formatter这个是代码格式化插件,这个插件通常搭配 eslint 使用,也可以单独使用。 13.veturVetur是一款将Vue代码高亮显示的一款插件,在没有使用此插件前,以 .vue的文件名代码是没有颜色的,这个插件可以实现代码显示不同的颜色,更加容易区分不同部分的代码。 14.EsLint这个插件是JavaScript 语法规则和代码风格的检查工具,可以在编写代码的过程中检查代码命名是否规范,防止编译错误。 15.background-cover 这个插件是用于设置个性化的壁纸,可以将软件的主题背景设置成为自己喜欢的图盘样式,还可以进一步调节主题和图片的显示效果,是一款十分实用的插件。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |