RibaSoft

Web Design

Extenções VSCode

• Download VS Code

  • Lista de Extenções:

    ftp-simple HTML CSS Support JavaScript (ES6) code snippets PHP Intelephense Portuguese (Brazil) Language Pack for Visual Studio Code SVG

Configurações VSCode Json

Servidor WSL / NGINX / Firebird / PHP

• Instalação

  • Verificar se já esta instalado.

    wsl -l -v

  • Instalar.

    wsl --install wsl --install -d Ubuntu

  • Ver IP do Ubuntu.

    hostname -I

  • Redirecionar portas "Power Shell".

    netsh interface portproxy add v4tov4 listenport=80 listenaddress=0.0.0.0 connectport=80 connectaddress=IP_do_Ubuntu netsh interface portproxy add v4tov4 listenport=443 listenaddress=0.0.0.0 connectport=443 connectaddress=IP_do_Ubuntu netsh interface portproxy add v4tov4 listenport=22 listenaddress=0.0.0.0 connectport=22 connectaddress=IP_do_Ubuntu

  • Ver os redirecionamentos do Windows "Power Shell".

    netsh interface portproxy show all

  • Excluir redirecionamentos do Windows "Power Shell".

    netsh interface portproxy delete v4tov4 listenport=80 listenaddress=0.0.0.0

  • Desistalar WSL "Power Shell".

    wsl --shutdown wsl -l -v wsl --list --verbose wsl --unregister Ubuntu wsl --uninstall

  • Limpar arquivos residuais no windows.

    Windows + R %LocalAppData%\Packages\

    Apague a pasta CanonicalGroupLimited.Ubuntu...

• Para configuração do servidor acesse:

  • Ubuntu Server

  • Configuração NGINX para usar apenas localhost para desenvolvimento local.

    server { listen 80 default_server; listen [::]:80 default_server; root /mnt/d/Documents/GitHub/Site/html; index index.php; server_name localhost; location ~ \.php$ { include snippets/fastcgi-php.conf; fastcgi_pass unix:/run/php/php8.3-fpm.sock; } }

Zebrar Tabela HTML com CSS