Profil von onlinefranzN

15.12.2020, 15:17

Visual Studio Code formatiert Javascript/React Code falsch?

Hallo! Ich habe eine neue React App gestartet und habe gerade angefangen zu coden, doch als ich das erste mal gespeichert habe, hat Visual Studio Code angefangen, die JS Files falsch zu formatieren.

Die Datei an sich ist übrigens eine beinahe unformatierte Datei die automatisch generiert wurde.

So will ich es formatiert haben:

function App() {
    return (
    <div className = "App" >
            <h1>yo</h1>
    </div >);
 }

Aber so wird es autoformatiert:

function App() {
    return ( <
        div className = "App" >
        <
        h1 > yo < /h1> < /
        div >
    );
}

...zur Frage

Antwort

von onlinefranzN

02.01.2021, 00:51

Hi,

Um das Problem zu lösen brauchst du einige VS Code Extensions. Ich empfehle dir Prettier. Das kannst du sehr leicht installieren. Einfach nach Prettier in VS Code Extensions suchen und das war's.

Automatische Formatierung einstellen:

Geh unter Einstellungen mit Control + Shift + P dann Einstellungen
Such nach format on save in der Suchleiste
Dann wähle es aus.

Das coole an Prettier ist, dass du die Formatierung sehr einfach anpassen kannst.

Mehr findest du hier:

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

...zur Antwort

760Jonas

23.05.2018, 22:43

CSS :hover anderes Element wählen?

Hallo,

Ich bin mir nicht sicher ob sich hier jemand mit auskennt aber ich probier es trotzdem mal.

Also vor kurzen hab ich mit html und css angefangen, jetzt habe ich eine <ul>(Element2) erstellt und darunter noch eine weitere <ul>(Element2) : sprich, wenn man mit dem cursor daruf geht (:hover) so öffnet sie sich.

Was ich machen wollte ist, wenn man auf der zweiten <ul> drauf ist so soll die erste eine andere Farbe bekommen, sodass man erkennt auf welcher man sich gerade befindet.

Eigentlich müsste es doch so gehen

Element2:hover > Element1 {

color: red;

}

Normal funktioniert das ja auch bei anderen Sachen.

Das Zeichen ">" bedeutet doch, dass dann auf dieses Sache zugegriffen wird?

...zur Frage

Antwort

von onlinefranzN

23.05.2018, 22:57

Hallo,

Du solltest nth-child benutzen.

	<ul>
		<li> hi Franz ul 1 </li>		
	</ul>

	<ul>
		<li>hi Franz ul 2</li>

	</ul>

	<style type="text/css">

	ul:nth-child(2):hover {  
		color: red;
	}

	</style>

achso nth-child(2), weil wir wollen der zweiter haben! es kann auch nth-child(3) ... dann :hover dazu :D

LG

Franz | 15

...zur Antwort

Csgoisnotacrime

23.05.2018, 21:21

In C# nur Zahlen zulassen?

Ich schreibe gerade ein Programm und möchte wenn ein Buchstabe oder ein Sonder zeichen eingegeben wird eine Fehlermeldung ausgeben.

Aber ich weiß nicht wie ich das mache, danke schonmal bin noch ein Anfänger;)

...zur Frage

Antwort

von onlinefranzN

23.05.2018, 21:35

Hallo, wo hast du die Eingabe? In einer TextBox?

// TextBox =>

Füge die KeyPress Event hinzu zu diese:

private void textBox_KeyPress(object sender, KeyPressEventArgs e)
{
   if(!char.IsControl(e.KeyChar)&&!char.IsDigit(e.KeyChar)&&(e.KeyChar!= '.'))
   {
       // Akzeptiere den Key
       e.Handled = true;
   }
  else{
       // Falsche Key nur Ziffern erlaubt
        //e.Handled = false;, Die Ziffer wird nicht geschrieben
  }
     // erlaube nur einen Dezimalpunkt
     if((e.KeyChar=='.')&&((sender as TextBox).Text.IndexOf('.')>-1))
   {
     // Akzeptiere den Key
     e.Handled = true;
   }
}

Oder benutze numericUpDown:

https://msdn.microsoft.com/en-us/library/system.windows.forms.numericupdown%28v=vs.110%29.aspx?f=255&MSPPError=-2147217396

LG

Franz | 15

...zur Antwort