Skip to content

Latest commit

 

History

History
148 lines (100 loc) · 4.55 KB

File metadata and controls

148 lines (100 loc) · 4.55 KB

🪄 Path Switcher

VS Code Version License: MIT Build Status Repo Size Last Commit Installs Downloads Rating

🌐 Disponível em outros idiomas: English | Polski | 中文 | 日本語 | Deutsch | Français | Español | Русский | Bahasa Indonesia | 한국어


Uma extensão Visual Studio Code que ajuda você a alternar facilmente todos os caminhos em um arquivo (HTML, CSS, JS, imagens, etc.) entre caminhos relativos ↔️ caminhos absolutos com apenas um atalho de teclado.


✨ Recursos

  • 🔁 Alterna automaticamente entre caminhos relativos e absolutos.
  • 💡 Suporta caminhos em:
    • <script src="...">
    • <link href="...">
    • <img src="...">
    • url("...") dentro de CSS
  • ⚡ Acionado via atalho de teclado.
  • 🧭 Altera todos os caminhos em um arquivo de uma vez.

✅ Versões VS Code suportadas

  • Versão mínima: 1.85.0
  • Testado em Windows, macOS e Linux.

🧩 Instalação

Do Marketplace (recomendado)

  1. Abra Visual Studio Code.
  2. Go to the Extensions view (Ctrl+Shift+X).
  3. Pesquise Path Switcher.
  4. Clique em Instalar.

Para Desenvolvimento (do Código Fonte)

  1. Clone este repositório:
    git clone [clone https://github.com/fatonyahmadfauzi/Path-Switcher.git](https://github.com/fatonyahmadfauzi/Path-Switcher.git)
    cd Path Switcher
    npm install
  2. Abra a pasta em VS Code.
  3. Pressione F5 para iniciar o Host de desenvolvimento de extensão.

⌨️ Comandos e atalhos

Nome do comando ID do comando Atalho
Alternar relativo ↔️ absoluto path-switcher.togglePath Ctrl + Alt + P

🧠 Exemplo

Antes:

<script src="js/meta-update.js"></script>
<link rel="stylesheet" href="css/style.css" />
<img src="assets/logo.png" />

Depois (Absoluto):

<script src="/js/meta-update.js"></script>
<link rel="stylesheet" href="/css/style.css" />
<img src="/assets/logo.png" />

Depois (relativo):

<script src="js/meta-update.js"></script>
<link rel="stylesheet" href="css/style.css" />
<img src="assets/logo.png" />

🛠️ Desenvolvimento

Compile TypeScript:

npm run compile

Lint código:

npm run lint

Execute testes:

npm test

🧑‍💻 Contribuindo

  1. Bifurque o repositório.
  2. Execute npm install para instalar dependências.
  3. Faça suas alterações.
  4. Compile TypeScript: npm run compile.
  5. Teste em VS Code (pressione F5 → Host de desenvolvimento de extensão).
  6. Envie uma solicitação pull.

🐞 Bugs e problemas

Relate problemas no GitHub Issues page.


🧾 Registro de alterações

Veja todas as alterações notáveis ​​para cada versão no arquivo Registro de alterações.

📦 Você também pode visualizar as notas de lançamento diretamente no GitHub Releases page.


🧾 Licença

MIT License © Fatony Ahmad Fauzi