Discussion :

[pterrat]

Utilisant Visual Studio Code depuis peu pour développer en Angular2/Typescript

J'aimerai partager avec vous 2 extensions que je trouve pas mal.

TSLint :

ext install tslint.

Permet de voir directement les problèmes que vous avez défini dans votre tslint.json, au lieu de se taper la commande à chaque fois, vous le voyez directement dans le panel.

Auto Import :

ext install autoimport

L'extension qui me fait gagner le plus de temps. Permet de voir en temps réel les imports via l’auto complétion et surtout permet de les importer automatiquement.
Ça évite de chercher le chemin pendant 15 minutes.

N'hésitez pas à partager vos extensions à vous .

[Beginner.]

Merci. Bonne idée.

Je débute aussi (JS-HTML-CSS) et il y a ces extensions que je trouves utiles :

1- Debugger for Chrome : c'est un peu déroutant au début car il faut savoir le configurer mais après c'est cool...
2- Live HTML Previewer c'est celui que je préfère parmi ceux que j'ai testés, il est vraiment live contrairement à d'autres, il est simple : il suffit de cliquer en bas dans la barre... Il s'active tout seul quand on passe d'une page à une autre....

Mais il a des inconvénients : Il s'active même sur les fichiers js et css alors qu'il faudrait qu'il reste sur le fichier html ---> du coup si vous modifier le fichier css il n'y pas pas le live preview de la page html vous êtes obligé de cliquer sur l'onglet du code html pour voir les effets de la modification du CSS...

Et perso j'ai quelques bugs, certaines choses ne sont pas prises en compte...

---> Ceci dit rien à voir avec le live preview de Brackets, Cloud9... Qui sont largement au-dessus...

3- HTMLHint

Auto Import :

ext install autoimport

L'extension qui me fait gagner le plus de temps. Permet de voir en temps réel les imports via l’auto complétion et surtout permet de les importer automatiquement.
Ça évite de chercher le chemin pendant 15 minutes.

Ah c'est cool ça (cela me rappelle Java avec Eclipse), justement j'y pense en ce moment, je demande ici : #3 si on a ça en JS.

Je galère aussi quand on doit faire ce genre de chose manuellement en JS, ça peut paraitre négligeable mais en fait je me rends compte que c'est agaçant d'ajouter les balises <script> avec le bon chemin alors quand on travaille avec pleins de modules n'en parlons même pas...

---> Je te pose la même question pour être sûr d'avoir bien compris que j'ai posée au message #3 mais pour cette extension dont tu parles : pourrais-tu me dire :

Si avec cette extension VSCode nous préviens lorsque l'on utilise une fonction ou une variable non définie (ni dans un des modules que j'ai inclus dans mon projet ni dans mon code) ? Et je vais un peu plus loin juste pour m'informer : est-ce que dans ce cas il nous prévient en nous disant que la fonction est définie dans tel module et que je dois donc l'intégrer pour l'utiliser (genre comme en Java avec Eclipse où il nous dit d'ajouter tel 'import') ?

Merci.

[pterrat]

Pour répondre à ta question, je ne connais pas d'extension qui fait de telles choses pour le moment.

Après l'autoImport existe en ES6, il me semble.

Tu as aussi Beautify qui te donne pas mal d’auto complétion de base. A tester, n'hésites pas à me faire un retour s'il te plait

Entre temps j'ai écris un article sur les différentes extensions pour VSCode, ça pourrait intéresser.

[Beginner.]

Merci.

J'ai déjà installé Beautify mais c'est pour l'indentation, non ? Quel rapport avec l'auto-complétion ?