【vscode编辑器插件】前端 php unity自用插件分享

简介: 【vscode编辑器插件】前端 php unity自用插件分享

一篇一句

“思考是最困难的工作,这也许是为什么很少有人这样做。” - 亨利·福特(Henry Ford)

前言

无论是什么语言,我都会选择使用vscode进行开发,我愿称vscode为万能编辑器,他之所以这么强大,得益于丰富的免费插件市场

vscode插件五花八门,但也不是装越多越好,不必要和垃圾插件会影响编辑器运行效率,起到相反的效果,这里我就分享我平时的自用插件,包括但不限于PHP c# unity vue html/css/js插件,如果你和我一样,也是vscode的信徒,千万不要错过。

前端

  1. CSS Peek
    实现跳转查看对应的css属性

  2. HTML CSS Support
    html css智能感知

  3. 预览图像
    Image preview

  1. Color Highlight
    在编辑器中突出显示网页颜色

  2. Highlight Matching Tag
    突出显示匹配标签


vue

  1. Vue 3 Snippets
    vue代码提示


  2. Vue Language Features (Volar)

    插件的主要作用如下:
    智能的语法高亮:Volar插件可以根据Vue.js的语法对代码进行高亮,方便开发者阅读和理解代码结构。
    语法检查和错误提示:Volar可以检查Vue.js代码中的语法错误,并在编辑器中实时提示,帮助开发者快速发现和修复问题。
    自动补全和代码提示:插件提供了对Vue.js组件、指令、属性等的自动补全和代码提示功能,减少开发者的手写工作量,提高开发效率。
    快速导航和查找:Volar插件支持快速导航到Vue.js文件中的模板、样式、脚本等部分,方便开发者快速定位和修改相关内容。
    代码片段和模板扩展:插件提供了一些预定义的代码片段和模板扩展,可以快速生成常用的Vue.js代码片段,加速开发过程。
    重构和代码整理:Volar插件支持对Vue.js代码进行重构操作,如重命名组件、提取组件等,帮助开发者保持代码的整洁和可维护性。

git

  1. Git Graph
    查看存储库的Git图,并轻松地从图中执行Git操作。可配置的看你想要的方式!


  2. Git History
    Git历史


  3. .gitignore
    .gitignore掉的文件显示灰色


  4. GitLens-Git supercharged
    git提示谁提交的代码片段


php

  1. phpAI代码提示


  2. php一些代码提示

  1. php代码智能提示

unity

  1. C#
    这就不用说了,必备

  2. Unity Code Snippets
    Unity代码补全

  3. Auto-Using for C#
    自动添加命名空间

  4. C# Snippets
    c#代码错误提示

后端

  1. Path Intellisense

路径智能感应

  1. 运行部分代码
    Code Runner

  2. Tabnine: AI Autocomplete
    AI写代码,写好注释,AI自动帮你写代码

  1. Error Lens
    代码显示错误提示


  2. TODO Tree
    TODO 注释树管理

  1. SFTP
    vscode的sftp同步扩展,连接远程服务器,实时提交代码

添加配置快捷键Ctrl+Shift+P

  1. ENV
    对env文件(.env)的格式化和语法高亮显示支持

其他

  1. vscode-icons
    vscode 图标

待续

后续有遇到其他好用的插件,我会再来补充

目录
相关文章
|
14天前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
41 1
|
7天前
|
传感器 开发工具 vr&ar
ManoMotion⭐二、Unity手势识别插件简介,及效果录屏
ManoMotion⭐二、Unity手势识别插件简介,及效果录屏
|
11天前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
52 1
|
7天前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
14 0
|
15天前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
34 0
|
1月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
85 3
|
1月前
|
移动开发 前端开发 应用服务中间件
挂售转卖竞拍商城系统源码/竞拍系统/转拍闪拍系统/后端PHP+前端UNiapp源码
挂售转卖竞拍商城系统源码/竞拍系统/转拍闪拍系统/后端PHP+前端UNiapp源码 亲测可用
47 1
|
1月前
|
JavaScript 安全
下载安装 vscode(含汉化、插件的推荐和安装)
下载安装 vscode(含汉化、插件的推荐和安装)
34 0
下载安装 vscode(含汉化、插件的推荐和安装)
|
1月前
|
人工智能 JavaScript 开发工具
【完全免费】VS Code 最好用的 12 款 AI 代码提示插件!!!
🎉 探索12款免费VSCode AI代码提示插件:Codeium、Codegeex、CodeFuse、TONGYI Lingma、Comate、iFlyCode、Fitten Code、Bito AI、Mintlify Doc Writer、Kodezi AI、aiXcoder、IntelliCode。这些插件提供智能补全、代码生成、注释、优化,支持多种语言,提升编程效率!🚀👩‍💻👨‍💻
1586 0
|
1月前
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
57 0