Sphere Extension para Visual Studio Code

Uma extensão para VSCode projetada para aumentar a produtividade no desenvolvimento de resources para o Sphere Framework (FiveM).

Funcionalidades

New Sphere Resource

Crie rapidamente a estrutura de uma nova resource FiveM com o template do Sphere.

Clique com botão direito em uma pasta no Explorer → New Sphere Resource...
Ou use a Command Palette (Ctrl+Shift+P) → New Sphere Resource...

O gerador vai solicitar: | Campo | Exemplo | |-------|---------| | Nome da resource | sphere-police, sphere-garage | | Descricao | Uma breve descricao da resource | | Autor | O autor da resource | | Versao | 1.0.0 |

Estrutura gerada:

minha-resource/
├── client/
│   └── index.lua
├── common/
│   ├── common.lua
│   └── configs/
│       └── core.lua
├── server/
│   └── index.lua
└── fxmanifest.lua

JSON to Lua Table

Converta um JSON selecionado diretamente em uma Lua table — direto no editor.

Selecione um texto JSON no editor
Clique com botao direito → JSON to Lua Table

Exemplo:

Entrada (JSON):

{
  "name": "John",
  "age": 25,
  "items": ["bread", "water"]
}

Saida (Lua):

{
    ["name"] = "John",
    ["age"] = 25,
    ["items"] = {
        "bread",
        "water"
    }
}

Lua Table to JSON

Converta uma Lua table selecionada diretamente em JSON — direto no editor.

Selecione uma Lua table no editor
Clique com botao direito → Lua Table to JSON

Exemplo:

Entrada (Lua):

{
    ["name"] = "John",
    ["age"] = 25,
    ["items"] = {
        "bread",
        "water"
    }
}

Saida (JSON):

{
    "name": "John",
    "age": 25,
    "items": [
        "bread",
        "water"
    ]
}

CodeSnap

Tire screenshots bonitos do seu codigo, com syntax highlighting, diretamente do VSCode.

Selecione um trecho de codigo no editor
Clique com botao direito → CodeSnap
Um painel abre ao lado com o codigo renderizado
Clique no botao de captura para copiar a imagem para a area de transferencia

Configuracoes disponiveis (sphereCodesnap.*):

Configuracao	Padrao	Descricao
`backgroundColor`	`#abb8c3`	Cor de fundo do container
`boxShadow`	`rgba(0,0,0,0.55) 0px 20px 68px`	Sombra CSS
`containerPadding`	`3em`	Padding ao redor do snippet
`roundedCorners`	`true`	Bordas arredondadas na janela
`showWindowControls`	`true`	Exibir botoes estilo macOS
`showWindowTitle`	`false`	Exibir nome do arquivo na barra de titulo
`showLineNumbers`	`true`	Exibir numeros das linhas
`realLineNumbers`	`false`	Usar numeros reais das linhas do arquivo
`transparentBackground`	`false`	Fundo transparente
`target`	`container`	Alvo da captura (`container` ou `window`)
`shutterAction`	`copy`	Acao do botao (`copy` ou `save`)

Snippets Lua

Snippets integrados para desenvolvimento Lua no FiveM:

Functions — Templates de funcoes comuns Lua/FiveM
Vehicles — Nomes de hash de veiculos
Weapons — Nomes de hash de armas

Instalacao

Pelo Marketplace

Pesquise por Sphere Extension na aba de extensoes do VSCode.

Via VSIX

Baixe o arquivo .vsix em Releases
No VSCode: Extensoes → ... → Install from VSIX

Requisitos

Visual Studio Code ^1.59.0

Licenca

GPLv3

Sphere Extension

Guardian - Development Kit