Pero antes de entrar en todo eso, creo que es importante configurar el IDE de tal manera que se vea bien, funcione bien con la forma que queremos y que entendamos c\u00f3mo funciona para que podamos modificarlo a\u00fan m\u00e1s como el surge la necesidad.<\/p>\n
Entonces, en la publicaci\u00f3n de hoy, veremos exactamente eso: comprender c\u00f3mo Visual Studio Code administra la configuraci\u00f3n y una lista propuesta de opciones de configuraci\u00f3n que ayudar\u00e1n a que su experiencia sea lo m\u00e1s s\u00f3lida posible.<\/p>\n
Configuraci\u00f3n de usuario en Visual Studio Code<\/h2>\n
Antes de comenzar, recomiendo descargar Fira Code<\/a><\/strong> e instalar la fuente en el sistema operativo de su elecci\u00f3n. Aunque hay muchas otras fuentes (como Source Code Pro<\/a><\/strong>) que tambi\u00e9n son buenas, he descubierto que Fira Code es una de mis favoritas, especialmente con sus ligaduras (pero hablaremos de eso en un momento).<\/p>\n Esto es lo que ver\u00e1 en las capturas de pantalla durante el resto de esta serie.<\/p>\n Primero, tenga en cuenta que Visual Studio Code tiene un archivo predeterminado que usa para la configuraci\u00f3n en todos sus proyectos. Notar\u00e1s esto si vas al\u00a0 men\u00fa C\u00f3digo > Preferencias<\/strong> (o lo que sea similar a tu sistema operativo.<\/p>\n En resumen, todo est\u00e1 configurado en un archivo JSON. Aqu\u00ed es donde se pone divertido: puede personalizar este archivo anulando esencialmente lo que proporciona mediante el uso de un archivo de configuraci\u00f3n de usuario que proporciona.<\/p>\n Y lo bueno es que aunque anula lo que ofrece Visual Studio, el IDE siempre volver\u00e1 a la configuraci\u00f3n predeterminada que viene con \u00e9l.<\/p>\n En esta publicaci\u00f3n en particular, voy a ver simplemente c\u00f3mo definir la configuraci\u00f3n del editor. Sin embargo, en publicaciones futuras, veremos trabajar con PHP, est\u00e1ndares de codificaci\u00f3n y m\u00e1s.<\/p>\n Para esta publicaci\u00f3n, voy a asumir que tienes un proyecto abierto. Puede ser un proyecto nuevo o un proyecto existente. Independientemente de cu\u00e1l, lo que voy a ofrecer se seguir\u00e1 aplicando.<\/p>\n En segundo lugar, voy a hacer sugerencias basadas en el tipo de trabajo que hago con m\u00e1s frecuencia. Aunque recomiendo esta configuraci\u00f3n para otros y aunque es posible que hagamos peque\u00f1os ajustes (por ejemplo, algunos linters no quieren espacio a trav\u00e9s del cual a lo largo de esta serie en el IDE, estas son las cosas m\u00e1s generales que se usan para ayudar a comenzar).<\/p>\n Cuando abra el archivo por primera vez, estar\u00e1 en blanco. Recuerde, debe estar escrito en JSON adecuado; de lo contrario, no funcionar\u00e1 (y mucho menos ahora a trav\u00e9s de un error).<\/p>\n Aqu\u00ed hay un ejemplo de lo que tengo en la configuraci\u00f3n de mi editor<\/a><\/strong> :<\/p>\n Cada uno debe explicarse por s\u00ed mismo; sin embargo, tenga en cuenta que\u00a0 tengo editor.fontLigatures<\/strong> establecido en verdadero<\/strong> ya que estoy usando Fira Code. Esto cambiar\u00e1 ciertas cosas como =<\/strong> en una ligadura.<\/p>\n Esto hace que la experiencia sea mucho m\u00e1s agradable al escribir c\u00f3digo.<\/p>\n Finalmente, una de las cosas que encuentro \u00fatil es tener proyectos en un lugar que se puede compartir entre varias m\u00e1quinas. Esto se puede hacer a trav\u00e9s de Google Drive, Dropbox o iCloud Drive.<\/p>\n En cualquier caso, te recomiendo hacer lo siguiente:<\/p>\n De esta forma, si opta por usar varias m\u00e1quinas, deber\u00eda tener los archivos fuente que necesita para trabajar en cada proyecto. Pero no insistir\u00e9 en el punto aqu\u00ed. He discutido esto en una publicaci\u00f3n anterior<\/a><\/strong>, y el proceso a\u00fan suena.<\/p>\n Simplemente sent\u00ed que se\u00f1alarlo ser\u00eda un buen movimiento en caso de que no sea algo que hayas considerado.<\/p>\n Obviamente, esta publicaci\u00f3n no es extremadamente t\u00e9cnica, pero vamos a comenzar a implementar est\u00e1ndares de codificaci\u00f3n en la pr\u00f3xima publicaci\u00f3n, y eso requerir\u00e1 un poco de trabajo con Composer, as\u00ed como con la configuraci\u00f3n del usuario.<\/p>\n Y para asegurarnos de que podamos hacer eso, tiene sentido sentar las bases para comprender c\u00f3mo funcionan las configuraciones para que podamos continuar edit\u00e1ndolas en el futuro.<\/p>\n1 Comprender la configuraci\u00f3n<\/h3>\n
2 Configuraci\u00f3n de sus ajustes<\/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![\"Trabajar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\")
<\/a><\/p>\n3 Compartir proyectos<\/h3>\n
\n
Mirando los est\u00e1ndares de codificaci\u00f3n<\/h2>\n