Fermer

janvier 10, 2020

Présentation de l'assistant de modèle d'interface utilisateur Kendo pour Visual Studio Code


Apprenez à installer et à utiliser notre nouvel Assistant de modèle d'interface utilisateur Kendo pour créer rapidement de puissantes applications Angular et React.

L'un de nos objectifs au sein de l'équipe d'interface utilisateur Kendo est de vous aider à créer rapidement de superbes applications. Dans cet esprit, nous sommes heureux d'annoncer aujourd'hui qu'il existe un nouvel Assistant de modèle d'interface utilisateur Kendo pour Visual Studio Code ?

capture d'écran "data-displaymode =" Original "title =" screenshot "/ > </p> <p> L'assistant de modèle vous permet d'échafauder rapidement les applications <a href= KendoReact et Kendo UI for Angular avec un outil facile à utiliser intégré directement dans Visual Studio Code.

en action "data-displaymode =" Original "title =" en action "/> </p> <p> Dans cet article, vous apprendrez comment installer l'extension et comment l'utiliser pour créer de puissantes applications Angular et React . </p> <h2 id= Installation

L'assistant de modèle d'interface utilisateur Kendo est une extension de code Visual Studio, et en tant que tel, vous devrez avoir Visual Studio Code installé pour l'utiliser.

Une fois que vous avez Visual Studio Code installé, allez-y et ouvrez-le, dirigez-vous vers l'onglet extensions (# 1 dans l'image ci-dessous), et utilisez la barre de recherche (# 2 dans l'image ci-dessous) pour rechercher Assistant de modèle d'interface utilisateur Kendo .

instructions-1 "data-displaymode =" Original "title =" instructions-1 "/> </p> <p> Sélectionnez le modèle d'interface utilisateur Kendo Assistant, puis cliquez sur le bouton vert <strong> Installer </strong> pour ajouter l'extension au code Visual Studio. </p> <p> <img decoding= Utilisation de l'extension

Pour lancer l'assistant de modèle d'interface utilisateur de Kendo, vous devez utiliser la palette de commandes Visual Studio Code, que vous peut s'ouvrir avec Ctrl + Maj + P ( Cmd + Maj + P sous macOS). Avec la palette ouverte, recherchez l'option Lancement de l'assistant de modèle d'interface utilisateur Kendo et sélectionnez-la pour lancer l'assistant.

lancez "data-displaymode =" Original "title =" launch "/ > </p> <p> À partir d'ici, le processus de création d'une application est assez simple. Tout d'abord, donnez un nom et un chemin à votre projet. </p> <p> <img decoding= Exécution de votre application

Pour exécuter votre application, vous devez d'abord devez installer ses dépendances npm en exécutant npm install à partir de votre terminal ou invite de commande.

CONSEIL : Vous pouvez ouvrir votre terminal ou invite de commande directement dans Visual Studio Code à l'aide de Ctrl + `.

npm-install" data-displaymode = "Original" title = "npm-install" /> </p> <p> Ensuite, exécutez votre application à l'aide de <code> ng serve </code> pour Angular ou <code> npm start </code> pour React. </p> <p> <img decoding= Kendo UI ThemeBuilder pour personnaliser l'apparence visuelle de votre thème directement dans le navigateur.

themebuilder-in-action "data-displaymode =" Original "title =" themebuilder-in-action "/> </p> <p> Si vous êtes intéressé, consultez les articles de documentation suivants pour obtenir des informations détaillées sur l'utilisation de ThemeBuilder pour personnaliser votre application. </p> <h2 id= Étapes suivantes

L'assistant de modèle d'interface utilisateur de Kendo simplifie l'échafaudage rapide de nouvelles applications pour React ou Angular, alors essayez-le. Et quand vous le faites, dites-nous ce que vous en pensez. L'extension est disponible sur GitHub donc créez un problème si vous rencontrez des problèmes ou avez des demandes de fonctionnalités.

Le meilleur outil 2023 pour ta croissance Instagram !



Source link