Jak w Visual Studio Code sprawić, żeby po zdebugowaniu kodu pokazało mi zawartość obiektów? Obiekty wyrzucam do konsoli normalnie za pomocą console.log();

Pokazuje mi się tylko informacja o obiektach, ale klikając na trójkącik nic się nie rozszerza. Mogę podejrzeć zawartość obiektów jeżeli ustawię breakpointa przed końcem debugowania, ale nie jest to optymalne rozwiązanie. Dodam, że taki JSBin.com fajnie przedstawia zawartość obiektów.

W załączeniu przesyłam obrazek przedstawiający mój problem w VSC. Będę
Piaer - Jak w Visual Studio Code sprawić, żeby po zdebugowaniu kodu pokazało mi zawar...

źródło: comment_ATF5x5HOklPNg7Zuc3oUo8x9XTYSfUa5.jpg

Pobierz
#vscode #nodejs #programowanie #react

Korzystam z react-scripts.
Mam ustawione w vscode, w jsconfig.json proste:

{
"compilerOptions": {
"checkJs": true,
"jsx": "react"
}
}

Problem jest z modulami z nodemodules.
vscode pokazuje mi, że moduł redux istnieje, jest dostępny(nie podkreśla adresu modułu jako błędny), chociaż nie jest zainstalowany do tej paczki.

Problem wynika z tego, że ten moduł jest w zależnościach modułów (jest w package-lock.json) a folder node
modules jest płaski i
@dannycarter: Oj, typowa odpowiedź, niestety. ;)

Ale to jest tak, że ta jedna rzecz jest tam lepiej ale za to 10 innych rzeczy jest gorzej i to nie ma sensu. Pogrzebię, pogrzebię i wrócę do vscode. :)

Ale na szczęście vscode jest dosyć sprawnie rozwijany, więc może odpowiedzą na moje zgłoszenie.

Ale nie istniejące w node_modules moduły podkreśla.
Siema, przerzucilem sie na VS Code i bardzo mi przypadl do gustu, natomiast strasznie irytujace jest otwieranie 'preview' przy jednym kliknieciu pliku. Da rade to wylaczyc i ma ktos do tego config ?
Dodalem do settingsow:

"workbench.editor.enablePreview": false,
"workbench.editor.enablePreviewFromQuickOpen": false

, ale teraz przy jednym kliknieciu od razu otwiera mi plik, a zalezy mi na tym, zeby go po prostu zaznaczylo w drzewie projektu, natomiast otworzylo dopiero przy podwojnym kliku.

Ktos cos
@Gumaa: W tym dodatku domyślnie powinno być tak jak chcesz. A jak chcesz zmienić to musisz ustawić parametr "brace_style": "collapse-preserve-inline" w konfiguracji. Wszystko jest opisane w dokumentacji.
@look997: W gicie absolutnie wszystko można odzyskać (commity, które na chama usunąłeś tylko w przeciągu 30 dni, a rzeczy zdropowane ze schowka w przeciągu dwóch tygodni, ale jednak). Zdecydowanie łatwiej jest jednak, kiedy się rozumie w jaki sposób działa i używa się go jak człowiek, w konsoli. Jeżeli dalej będziesz wykorzystywał jakieś śmieszne interfejsy graficzne, które nie wiadomo co robią pod maską, to prędzej czy później narobisz sobie poważnych problemów. (
@nadmuchane_jaja: jeszcze jedno pytanie, da się tam zrobić tak żeby np nawiasy od danej funkcji były kolorowane na końcu po podanych parametrach?
Bo z tego co widzę, to mógłbym np dodać kolorowanie do funkcji(a,b,c,d) ale tylko na zasadzie że kolorowany jest sam tekst funkcja albo też funkcja( ale czy da się zrobić, żeby całość bez nazw parametrów się kolorowała? tzn funkcja(), a wewnątrz kolorowanie byłoby powiedzmy niezależne?
@Kryspin013: VSCode to dość proste narzędzie w porównaniu z całym VS. Sam w sobie nie ma wsparcia dla debuggowania oraz posiada tylko proste wsparcie dla składni języków. Można z niego natomiast zrobić całkiem przyjazne narzędzie przy pomocy pluginów. Sam mam do niego np. PHP Formatter, który ładnie mi poprawia styl kodu do zgodności z PSR oraz PHP IntelliSense. Generalnie nie ma przeciwwskazań do tego, aby programować w C# przy jego pomocy,
#programowanie #visualstudio #vscode #webdev #javascript
Zobacz na ten kod z przykładu stąd:
https://github.com/look997/vsc-test

W drugiej linijce pliku modules/main próbuję wywołać podpowiedzi:
https://github.com/look997/vsc-test/blob/master/modules/main.js
A i tak nie pojawiają się podpowiedzi z modułu services/photoService w programie Visual Studio Code. Powinno pojawić się getPhotoList.

Co jest nie tak?

look997 - #programowanie #visualstudio #vscode #webdev #javascript
Zobacz na ten kod...

źródło: comment_Rr3YVjHIRnBkGCJCCxf5XikjxHK3E87s.jpg

Pobierz