vscode实用插件和工具

博客提及了Vetur,Vetur是前端开发领域的工具,可辅助开发工作。


 

1.Chinese(Simplified)[汉化]

2.open in browser[alt+B默认浏览器打开]

3.Auto Rename Tag[自动同步修改双标签]

 4.cssrem[自动转换rem/vw]

(2)修改cssrem基准值:cssrem基准值=效果图的...px  /  flexible.js中设置将屏幕分为的份数

5.Easy LESS[让所有less文件导出css文件时,有相同导出路径]

6.Format On Save[CTRL+S保存代码后,自动对齐代码]

7.Postcode[检测ajax接口是否能被正常访问的插件]

8.node-snippets [node.js插件,用于提供node.js的代码提示]

9.Code Spell Checker [检测单词拼写的插件,会给输错的单词添加下划线]

10.Error Lens[检测到代码错误,会立即提示]

11.Path Autocomplete [自动提示文件名、文件路径]

12.Live Server [浏览器实时预览,架设本地服务器]

13.Draw.io Integration [画图工具]

14.Markdown All in One [在vscode中写markdown笔记的插件]

15.Auto Close Tag[在vscode中自动补全标签的插件]

16.any-rule[在vscode中可直接复制正则表达式的插件]

17.Vetur[在vscode中使用Vue的时候有提示的插件]

### 工具插件推荐 - **Chinese (Simplified) Language Pack for Visual Studio Code** 提供了中文语言支持,使得中文用户能够更加方便地使用 VSCode[^1]。 - **Comment Translate** **Google Translate** 插件能够提供选中内容的翻译功能,这对于处理多语言文档或理解非母语语言的注释非常有用[^1]。 - **Browser Preview** 插件允许用户直接在 VSCode 中打开预览网页,这对于前端开发者来说是一个便利的功能。 - **vscode-pdf** 插件支持在编辑器中直接查看 PDF 文件,避免了频繁切换应用程序的需求。 ### 代码辅助插件 - **PHP CS Fixer** 是一个代码格式化插件,支持 PHP 语言,可以帮助开发者遵循特定的编码标准。 - **KoroFileHeader** 是一款注释插件,它能够自动为文件添加头部注释,包括创建日期、最后修改日期等信息。 - **PHP Intelephense** 提供了代码提示功能,适用于 PHP 开发者,增强了代码补全导航体验。 - **PHP Debug** 是一个代码调试插件,支持 PHP 应用程序的调试工作。 ### 编辑器增强插件 - **Draw.io Integration** 插件允许用户在 VSCode 中直接创建编辑流程图、结构图等图形内容[^2]。 - **Live Server** 提供了一个本地开发服务器,并支持自动刷新功能,非常适合前端开发实时预览[^2]。 - **Quokka.js** 是一个轻量级的 JavaScript TypeScript 交互式运行环境,可以在编辑器中即时看到代码运行结果[^2]。 - **open in browser** 插件允许用户直接在浏览器中打开 HTML 文件,方便快速测试。 ### 编辑器增强与视觉体验插件 - **vscode-icons** **Fluent Icons** 可以美化文件图标界面图标,提升视觉体验[^3]。 - **Yi Dark** **Ra Spring Light Theme** 是受欢迎的代码颜色主题,可根据个人喜好选择暗色或亮色模式。 ### 快捷键与技巧 - 使用 `CTRL + i` 快速获取代码提示。 - 使用 `CTRL + ALT + →` 或 `CTRL + ALT + ←` 拆分视图。 - 使用 `! + tab` 快速生成 HTML 结构。 - 使用 `div.类名` 快速生成带有类名的标签。 - 使用 `ul>li*3` 快速生成列表结构。 ```html <!-- 示例:使用 Emmet 快捷生成 HTML 结构 --> <!-- 输入:ul>li*3 --> <!-- 输出: --> <ul> <li></li> <li></li> <li></li> </ul> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值