samedi 15 juin 2019

Comment déboguer Electron-vue avec VSCode

Dans ce billet, nous allons voir comment déboguer un application de Electron-vue avec VSCode. D’abord,  écrire comme ceci sur launch.js de ".vscode".
{
   // Use IntelliSense to learn about possible attributes.
   // Hover to view descriptions of existing attributes.
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
       {
           "type": "node",
           "request": "attach",
           "name": "Attach to electron main",
           "port": 5858,
           "timeout": 30000,
           "sourceMaps": true,
           "outFiles": [
             "${workspaceRoot}/src/main/index.js"
           ]
       }
   ]
}
Et ajouter debugger où nous voulons stopper l'exécution.
function test (testVar) {
  debugger
  return readFile(testVar)
}
Notez que nous pouvons débugger le processus de "main", pas de "renderer".

Débugger

Après ajouter le debugger dans le code, commencer le débogage. Et commencer l'application par $ npm run dev. Nous allons voir l’exécution va se stopper où nous avons ajouté le debugger.

Références

Publié par à Aucun commentaire:

samedi 8 juin 2019

Comment utiliser Spring boot sur vscode

Prérequis

Configurer un projet de Spring boot

Nous pouvons utiliser start.spring.io pour configurer un projet de Spring boot. Je l'ai configuré comme ça:

Remarquer que j'ai ajouté "Web" et "Thymeleaf" dans le "Dependencies". Pour ajouter une dépendance, rechercher la dépendance dans le "Search for dependencies" et cliquer sur la suggestion. Après configurer le tout, cliquer sur "Generate Project".

VScode

Après nous cliquons sur "Generate Project", nous allons obtenir un fichier zip. Extraire le fichier zip, et nous obtenons un dossier. Le nom de mon dossier était "demo".

Glisser-poser le dossier "demo" sur VScode. 


Ouvrir pom.xml par double-cliquer sur le nom "pom.xml".

Appuyer F5 et cliquer sur "Java". Le projet sera compilé. 

Hello World

Controller

Créer un dossier "controller" dans le dossier "demo". Et créer un fichier "HelloController.java" dans le dossier "controller". 

Écrire comme ceci dans le fichier "HelloController.java". Et enregistrer le fichier par appuyer "ctrl + s".
package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HelloController{
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String get(){
        return "hello";
    }
}

Template

Créer un fichier "hello.html" dans le dossier "templates" comme ceci: 

Écrire comme ceci dans le fichier "hello.html" et l'enregistrer.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
Hello World!
</body>
</html>

Voir sur le navigateur

Arrêter le mode de debug (si le mode de debug est activé).

Et appuyer sur F5. Le mode de debug est re-activé âpre compiler le projet. Ouvrir http://localhost:8080  sur un navigateur. Si le tour est OK, nous allons voir "Hello World!".


Automatique importation des bibliothèques sur VScode

Appuyer sur "ctrl + ." et nous pouvons importer bibliothèques sur VScode:
Appuyer sur "ctrl + ." sur "FetchType" du code


Publié par à Aucun commentaire:

vendredi 7 juin 2019

Utiliser Scala avec VScode sur Ubuntu18

Scala, VScode, Ubuntu

Je vais expliquer comment utiliser Scala avec VScode sur Ubuntu18.
Les versions sont:
  • Scala: 2.11.12
  • VScode: 1.34
  • Ubuntu: 18.04.2 LTS

Installer sbt

D'abord, voir quelle version est la dernière.
http://dl.bintray.com/sbt/debian/
C’était version 1.2.8 à ce jour, alors je vais installer sbt 1.2.8:
$ curl -L -o sbt.deb http://dl.bintray.com/sbt/debian/sbt-1.2.8.deb
$ sudo dpkg -i sbt.deb
$ sudo apt-get update
$ sudo apt-get install sbt
Maintenant nous pouvons utiliser sbt comme ça:
$ sbt
[info] Loading project definition from /home/user/project
[info] Set current project to shu (in build file:/home/user/)
[info] sbt server started at local:///home/user/.sbt/1.0/server/9a48bc25b5f71ce94d5c/sock
sbt:user>
Pour voir la version:
$ sbt "show sbtVersion"
[info] Loading project definition from /home/user/project
[info] Set current project to shu (in build file:/home/shu/)
[info] 1.2.8

Installer le support de Scala sur VScode

Installer "Scala Language Server" sur vscode:


Créer un nouveau projet 

Exécuter ces commandes sur le terminal de vscode:
$ cd {path of directory which you want to locate the project}
$ sbt new sbt/scala-seed.g8
Le projet de Scala est créé là. Glisser-poser le projet créé sur vscode.

Si ça commence compiler, attendre jusqu’à ça finit compiler. 

Hello World

Exécuter cette commande sur le terminal de vscode pour voir si exécuter le projet:
$ sbt run

Si nous voyons ce message, ça veut dire c'est un succès. Nous sommes prêt à écrire avec Scala sur vscode. 
$ sbt run
[info] Loading project definition from /home/shu/user/scala-test/project
[info] Updating ProjectRef(uri("file:/home/shu/user/scala-test/project/"), "scala-test-build")...
[info] Done updating.
[info] Compiling 1 Scala source to /home/shu/user/scala-test/project/target/scala-2.12/sbt-1.0/classes ...
[info] Done compiling.
[info] Loading settings for project root from build.sbt ...
[info] Set current project to scala test (in build file:/home/shu/user/scala-test/)
[info] Updating ...
[info] Done updating.
[info] Compiling 1 Scala source to /home/shu/user/scala-test/target/scala-2.12/classes ...
[info] Done compiling.
[info] Packaging /home/shu/user/scala-test/target/scala-2.12/scala-test_2.12-0.1.0-SNAPSHOT.jar ...
[info] Done packaging.
[info] Running example.Hello 
hello
[success] Total time: 2 s, completed Jun 7, 2019 11:46:32 PM

Références

Publié par à Aucun commentaire:
Inscription à : Articles (Atom)