Men innan jag g\u00e5r in p\u00e5 allt det h\u00e4r, tror jag att det \u00e4r viktigt att f\u00e5 IDE:n inst\u00e4lld p\u00e5 ett s\u00e5dant s\u00e4tt som ser bra ut, spelar bra med det s\u00e4tt vi vill, och att vi f\u00f6rst\u00e5r hur det fungerar s\u00e5 att vi kan finjustera det ytterligare som behov uppst\u00e5r.<\/p>\n
S\u00e5 i dagens inl\u00e4gg kommer vi att titta p\u00e5 exakt det: F\u00f6rst\u00e5 hur Visual Studio Code hanterar inst\u00e4llningar och en f\u00f6reslagen lista med konfigurationsalternativ som hj\u00e4lper till att g\u00f6ra din upplevelse s\u00e5 solid som m\u00f6jligt.<\/p>\n
Anv\u00e4ndarinst\u00e4llningar i Visual Studio Code<\/h2>\n
Innan du b\u00f6rjar rekommenderar jag att du laddar ner Fira Code<\/a><\/strong> och installerar typsnittet p\u00e5 ditt valda operativsystem. \u00c4ven om det finns massor av andra typsnitt (som Source Code Pro<\/a><\/strong>) som ocks\u00e5 \u00e4r trevliga, har jag funnit att Fira Code \u00e4r en av mina personliga favoriter, s\u00e4rskilt med dess ligaturer (men mer om det f\u00f6r en stund).<\/p>\n Det h\u00e4r \u00e4r vad du kommer att se i sk\u00e4rmdumpar under resten av den h\u00e4r serien.<\/p>\n F\u00f6rst, notera att Visual Studio Code har en standardfil som den anv\u00e4nder f\u00f6r inst\u00e4llningar \u00f6ver sina projekt. Du kommer att m\u00e4rka detta om du g\u00e5r till\u00a0 menyn Kod > Inst\u00e4llningar<\/strong> (eller vad som liknar ditt operativsystem.<\/p>\n Kort sagt, allt \u00e4r inst\u00e4llt i en JSON-fil. Det \u00e4r h\u00e4r det blir roligt: \u200b\u200bDu kan anpassa den h\u00e4r filen genom att i huvudsak \u00e5sidos\u00e4tta vad den tillhandah\u00e5ller genom att anv\u00e4nda en anv\u00e4ndarinst\u00e4llningsfil som den tillhandah\u00e5ller.<\/p>\n Och det fina \u00e4r att \u00e4ven om det \u00e5sidos\u00e4tter vad Visual Studio erbjuder, kommer IDE alltid att falla tillbaka till standardinst\u00e4llningarna som levereras med den.<\/p>\n I det h\u00e4r inl\u00e4gget ska jag titta p\u00e5 att helt enkelt definiera redigeringsinst\u00e4llningar. I framtida inl\u00e4gg kommer vi dock att titta p\u00e5 att arbeta med PHP, kodningsstandarder och mer.<\/p>\n F\u00f6r det h\u00e4r inl\u00e4gget kommer jag att anta att du har ett projekt \u00f6ppet. Detta kan vara ett nytt projekt eller ett befintligt projekt. Oavsett vilket kommer det jag kommer att erbjuda fortfarande att g\u00e4lla.<\/p>\n F\u00f6r det andra kommer jag att komma med f\u00f6rslag baserat p\u00e5 den typ av arbete jag g\u00f6r oftast. \u00c4ven om jag rekommenderar dessa inst\u00e4llningar f\u00f6r andra och \u00e4ven om vi kanske g\u00f6r sm\u00e5 justeringar (till exempel, vissa linters vill inte ha utrymme att genom hela den h\u00e4r serien p\u00e5 IDE, \u00e4r dessa de mest allm\u00e4nna sakerna som anv\u00e4nds f\u00f6r att komma ig\u00e5ng).<\/p>\n N\u00e4r du f\u00f6rst \u00f6ppnar filen \u00e4r den tom. Kom ih\u00e5g att det m\u00e5ste vara skrivet i r\u00e4tt JSON annars kommer det inte att fungera (l\u00e5t vara nu genom ett fel).<\/p>\n H\u00e4r \u00e4r ett exempel p\u00e5 vad jag har i mina redigeringsinst\u00e4llningar<\/a><\/strong> :<\/p>\n Var och en b\u00f6r vara sj\u00e4lvf\u00f6rklarande; Observera dock att jag har<\/strong> editor.fontLigatures satt till true<\/strong> eftersom jag anv\u00e4nder Fira Code. Detta kommer att \u00e4ndra vissa saker som =<\/strong> till en ligatur.<\/p>\n Detta ger en mycket mer tilltalande upplevelse n\u00e4r du skriver kod.<\/p>\n Slutligen, en av de saker som jag tycker \u00e4r anv\u00e4ndbara \u00e4r att ha projekt p\u00e5 en plats som kan delas mellan flera maskiner. Detta kan g\u00f6ras via Google Drive, Dropbox eller iCloud Drive.<\/p>\n Hur som helst rekommenderar jag att du g\u00f6r f\u00f6ljande:<\/p>\n P\u00e5 detta s\u00e4tt, om du v\u00e4ljer att anv\u00e4nda flera maskiner, b\u00f6r du ha k\u00e4llfilerna som du beh\u00f6ver f\u00f6r att arbeta med varje projekt. Men jag ska inte f\u00f6rtydliga po\u00e4ngen h\u00e4r. Jag har diskuterat detta i ett tidigare inl\u00e4gg<\/a><\/strong>, och processen l\u00e5ter fortfarande.<\/p>\n Jag k\u00e4nde helt enkelt att det skulle vara ett bra drag att p\u00e5peka det ifall det inte \u00e4r n\u00e5got du har t\u00e4nkt p\u00e5.<\/p>\n Uppenbarligen \u00e4r det h\u00e4r inl\u00e4gget inte extremt tekniskt, men vi kommer att b\u00f6rja implementera kodningsstandarder i n\u00e4sta inl\u00e4gg, och det kommer att kr\u00e4va lite arbete med Composer s\u00e5v\u00e4l som med att arbeta med anv\u00e4ndarinst\u00e4llningar.<\/p>\n Och f\u00f6r att vara s\u00e4ker p\u00e5 att vi kan g\u00f6ra det \u00e4r det vettigt att l\u00e4gga grunden f\u00f6r att f\u00f6rst\u00e5 hur inst\u00e4llningarna fungerar s\u00e5 att vi kan forts\u00e4tta att redigera dem i framtiden.<\/p>\n1 F\u00f6rst\u00e5 inst\u00e4llningar<\/h3>\n
2 Konfigurera dina inst\u00e4llningar<\/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![\"Arbeta](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\")
<\/a><\/p>\n3 Delningsprojekt<\/h3>\n
\n
Tittar p\u00e5 kodningsstandarder<\/h2>\n