Mas antes de entrar em tudo isso, acho importante configurar o IDE de forma que pare\u00e7a bom, funcione bem com a maneira que queremos e que entendamos como ele funciona para que possamos ajust\u00e1-lo ainda mais surge a necessidade.<\/p>\n
Portanto, na postagem de hoje, veremos exatamente isso: Entendendo como o Visual Studio Code gerencia as configura\u00e7\u00f5es e uma lista proposta de op\u00e7\u00f5es de configura\u00e7\u00e3o que ajudar\u00e3o a tornar sua experi\u00eancia o mais s\u00f3lida poss\u00edvel.<\/p>\n
Configura\u00e7\u00f5es do usu\u00e1rio no c\u00f3digo do Visual Studio<\/h2>\n
Antes de come\u00e7ar, recomendo baixar o Fira Code<\/a><\/strong> e instalar a fonte no sistema operacional de sua escolha. Embora existam muitas outras fontes (como Source Code Pro<\/a><\/strong>) que tamb\u00e9m s\u00e3o boas, descobri que Fira Code \u00e9 uma das minhas favoritas, especialmente com suas ligaduras (mas mais sobre isso momentaneamente).<\/p>\n Isso \u00e9 o que voc\u00ea ver\u00e1 nas capturas de tela ao longo do restante desta s\u00e9rie.<\/p>\n Primeiro, observe que o Visual Studio Code tem um arquivo padr\u00e3o que ele usa para configura\u00e7\u00f5es em seus projetos. Voc\u00ea notar\u00e1 isso se for ao\u00a0 menu C\u00f3digo > Prefer\u00eancias<\/strong> (ou qualquer outro semelhante ao seu sistema operacional.<\/p>\n Resumindo, tudo \u00e9 definido em um arquivo JSON. Aqui \u00e9 onde fica divertido: voc\u00ea pode personalizar esse arquivo essencialmente substituindo o que ele fornece usando um arquivo de configura\u00e7\u00f5es do usu\u00e1rio que ele fornece.<\/p>\n E o bom \u00e9 que, embora substitua o que o Visual Studio oferece, o IDE sempre retornar\u00e1 \u00e0s configura\u00e7\u00f5es padr\u00e3o que o acompanham.<\/p>\n Neste post em particular, vou simplesmente definir as configura\u00e7\u00f5es do editor. Em postagens futuras, por\u00e9m, veremos como trabalhar com PHP, padr\u00f5es de codifica\u00e7\u00e3o e muito mais.<\/p>\n Para este post, vou assumir que voc\u00ea tem um projeto aberto. Este pode ser um novo projeto ou um projeto existente. Independentemente disso, o que vou oferecer ainda se aplicar\u00e1.<\/p>\n Em segundo lugar, farei sugest\u00f5es com base no tipo de trabalho que fa\u00e7o com mais frequ\u00eancia. Embora eu recomende essas configura\u00e7\u00f5es para outras pessoas e possamos estar fazendo pequenos ajustes (por exemplo, alguns linters n\u00e3o querem espa\u00e7o ao longo desta s\u00e9rie no IDE, essas s\u00e3o as coisas mais gerais usadas para ajudar a come\u00e7ar).<\/p>\n Quando voc\u00ea abrir o arquivo pela primeira vez, ele estar\u00e1 em branco. Lembre-se, deve ser escrito em JSON adequado, caso contr\u00e1rio, n\u00e3o funcionar\u00e1 (e muito menos agora por meio de um erro).<\/p>\n Aqui est\u00e1 um exemplo do que eu tenho nas configura\u00e7\u00f5es do meu editor<\/a><\/strong> :<\/p>\n Cada um deve ser autoexplicativo; no entanto, observe que tenho<\/strong> editor.fontLigatures definido como true<\/strong>, pois estou usando o Fira Code. Isso mudar\u00e1 certas coisas como =<\/strong> em uma ligadura.<\/p>\n Isso torna a experi\u00eancia muito mais agrad\u00e1vel ao escrever c\u00f3digo.<\/p>\n Por fim, uma das coisas que acho \u00fatil \u00e9 ter projetos em um local que possa ser compartilhado entre v\u00e1rias m\u00e1quinas. Isso pode ser feito via Google Drive, Dropbox ou iCloud Drive.<\/p>\n Seja qual for o caso, recomendo fazer o seguinte:<\/p>\n Dessa forma, se voc\u00ea optar por usar v\u00e1rias m\u00e1quinas, dever\u00e1 ter os arquivos de origem necess\u00e1rios para trabalhar em cada projeto. Mas n\u00e3o vou alongar o ponto aqui. Eu discuti isso em um post anterior<\/a><\/strong>, e o processo ainda soa.<\/p>\n Eu simplesmente senti que apontar isso seria uma boa jogada, caso n\u00e3o seja algo que voc\u00ea tenha considerado.<\/p>\n Obviamente, este post n\u00e3o \u00e9 extremamente t\u00e9cnico, mas vamos come\u00e7ar a implementar os padr\u00f5es de codifica\u00e7\u00e3o no pr\u00f3ximo post, e isso exigir\u00e1 um pouco de trabalho com o Composer, bem como com as configura\u00e7\u00f5es do usu\u00e1rio.<\/p>\n E para garantir que podemos fazer isso, faz sentido estabelecer as bases para entender como as configura\u00e7\u00f5es funcionam para que possamos continuar a edit\u00e1-las no futuro.<\/p>\n1 Entendendo as configura\u00e7\u00f5es<\/h3>\n
2 Configurando suas configura\u00e7\u00f5es<\/h3>\n
{\n \/\/ Editor Settings.\n \"editor.fontFamily\": \"Fira Code\",\n \"editor.fontLigatures\": true,\n \"editor.fontSize\": 13,\n \"editor.renderWhitespace\": \"all\",\n \"editor.tabSize\": 4,\n \"editor.insertSpaces\": true,\n \"editor.detectIndentation\": false,\n \"editor.formatOnSave\": false,\n\n \"files.trimTrailingWhitespace\": true,\n\n \/\/ ...\n}<\/code><\/pre>\n![\"Trabalhando](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\")
<\/a><\/p>\n3 Projetos de Compartilhamento<\/h3>\n
\n
Olhando para os padr\u00f5es de codifica\u00e7\u00e3o<\/h2>\n