Install Visual Studio Code with LiaScript

Install Visual Studio Code with LiaScript

Due to some problems with package updates for Atom editor, we decided to created two LiaScript extensions for VSCode.

However, Atom can still be used to create LiaScript courses and from our point of view it is still the easier editor to learn (for more information follow this link). But, it is now also possible to develop courses and preview them with Visual-Studio-Code. The two extensions are similar to those we had developed for Atom, but with slight differences.

  1. If you later want to publish your courses on GitHub or GitLab, you will have to download and install git at first:

    https://git-scm.com/downloads

    Stay with the default settings and simply hit next until you reach the installation button.

  2. Download and install VSCode from:

    https://code.visualstudio.com/Download

  3. Open VSCode and go to the Extensions tab

  4. Type liascript and click on install for the two modules:

  5. In order to enable the snippets, hit Ctrl+Shift+P to get to the fuzzy search and type settings to open the settings.json. Then copy the following code into the configuration file (into the braces):

    "[markdown]": {
       "editor.tabCompletion": "on",
       "editor.quickSuggestions": true,
       "editor.snippetSuggestions": "top"
    },
    

    ` Hit Ctrl+S to store this configuration

  6. Close and reopen the VSCode again to load the settings.

  7. You can now create a new folder and a course file with the ending .md. This ending says, that the file is of type Markdown, and it will use the appropriate syntax highlighting, and you can use the LiaScript snippets.

  8. Simply type liainit and hit enter. This will create a course stub, which can be used as a starting point for your course development.

    Whenever you type lia, a bundle of snippets will be presented to you. Use this to search for quizzes or any other stuff, it will provide you with an additional help, and inject the content for you.

    Keywords:

    • lia: LiaScript basic help
    • voice: Search through all supported voices
    • hili: Code highlighting for all supported programming languages
  9. To open the preview-mode, simply hit Alt+L to open the development server in live-mode, or do a fuzzy search with Ctrl+Shift+P and then type `liascript to search through all settings.

  10. Make changes and hit Ctrl+S to store the course content, which will trigger a reload of your entire course.

  11. For navigating, simply press Ctrl and click onto the line to open the slide in the preview, or double onto the slide to move the cursor to the appropriate line within the editor.

  12. The development-server will use your project-path as root. If no file is selected, the browser will open a file list, which depicts your entire project structure. Simply click onto one of the files to preview it.

  13. If the updates in live mode are annoying, you can also stop the development server with Ctrl+Shift+P and by typing liascriptstop and hit enter. If you then perform the fuzzy search again or hit Shift+Alt+L, there is another option, which starts only the development server, but not in live mode. This way, you have to reload the preview manually.

  14. Text to speech output does not work in on the development server, but you can test your course also on the LiaScript project website. Again, Ctrl+Shift+P is our friend, type liascripttest and hit enter. This will serve the course from localhost, but will load this on the website. This is a good way to check your text-to-speech and also to check if all <iframe>s and multimedia content gets loaded.

  15. Have Fun ;-)

Related Posts

Digital Fellows im Spotlight: OER als Grundlage für und Ergebnis von digital gestützter Lehrpraxis

Das Digital Fellows Programm in Sachsen fördert die Entwicklung und Umsetzung digitaler Lehr- und Lernkonzepte an Hochschulen. Teilnehmende, bekannt als Fellows, implementieren innovative Projekte in verschiedenen Fachbereichen, um die digitale Bildung zu stärken. Sie arbeiten an Themen wie der Verbesserung von Lehrkompetenzen mittels Technologie, der Entwicklung von multimedialen Lernmodulen und der Förderung digitaler Kompetenzen. Ziel ist es, flexible Lernprozesse zu unterstützen und die Hochschullehre durch den Einsatz digitaler Tools zu bereichern.

Read More

Offene Bildungsmaterialien auf twillo finden und teilen

Twillo ist ein Portal, das sich auf offene Bildungsmaterialien (OER) spezialisiert hat, insbesondere im Bereich der Hochschullehre. Es ermöglicht Nutzern, Bildungsmaterialien zu finden, zu teilen und bietet zudem verschiedene Dienstleistungen wie Workshops zu OER, eine OER-Planungshilfe, Vorlagen zur Erstellung von OER und ein Rechtsquiz zur Überprüfung des Wissens über rechtskonforme Lehre. Twillo fördert die Verfügbarkeit, Anpassung, und Vernetzung von OER, um offene Lehr- und Lernkulturen sowie lebenslanges Lernen zu unterstützen.

Read More

Freiberg - Research Seminar

In this talk André Dietrich gives a brief overview on the research history around LiaScript and RemoteLabs. Long story short: The interesting part is, that we started out with building RemoteLabs, which lead to the development of LiaScript, and from the things we learned from working on LiaScript we can now build fully decentralized RemoteLabs based on a peer2peer infrastructure, that requires only the browser … You can find the slides here:

Read More