PyCharm Professional fournit la prise en charge backend pour les frameworks web Python majeurs, la prise en charge frontend intégrée de WebStorm et la prise en charge de SQL via DataGrip, ce qui en fait le meilleur IDE full-stack pour Python.
Les applications Web modernes sont devenues complexes avec des frameworks et outils JavaScript sophistiqués. PyCharm Professional intègre aussi WebStorm, offrant ainsi le meilleur développement côté client.
Liens vers les sous-sections ci-dessous : HTML, CSS, JavaScript, TypeScript, Angular, React, Vue.js
PyCharm Professional intègre DataGrip, notre IDE pour bases de données, et rend ainsi le développement sur votre backend SQL productif.
Liens vers les sous-sections ci-dessous : Bases de données, Requêtes, Navigation, Éditeur de tables, Saisie automatique du code, Import/Export
Le développement web Python moderne devient une partie de plaisir avec PyCharm Professional, qui offre la prise en charge directe des frameworks web les plus populaires. Cette prise en charge apporte des fonctionnalités ayant un impact considérable sur la productivité des projets.
Bien entendu, PyCharm, prête aussi ses fonctionnalités générales d'IDE au développement backend : éditeur de code intelligent, navigation intelligente dans le code, refactorisations, débogage, personnalisation de l'IDE, gestion visuelle des versions, et bien plus encore.
Django est reconnu comme le leader des frameworks web Python et PyCharm le prend en charge depuis longtemps. Exécution, débogage, navigation, travail productif... PyCharm permet de tirer le meilleur parti de Django.
Le type de configuration run/debug de Django facilite la configuration et le démarrage du serveur Django dans une fenêtre d'outils productive, aussi bien localement qu'à distance.
Mise en évidence des erreurs et de la syntaxe, saisie semi-automatique du code, navigation entre les vues et les modèles et débogage visuel des modèles par insertion de point d'arrêt directement depuis l'éditeur.
Passez facilement d'un symbole dans un modèle à du code Python pour les modèles, méthodes de vues, formulaires, paramètres de routes, configurations, et plus encore.
Gagnez du temps avec les actions d'édition grâce à la mise en forme et à l'indentation automatiques du code, aux extraits de code/live templates, aux correspondances automatiques de symboles comme les accolades, aux commentaires de code, à "Surround with tag" et à la saisie semi-automatique avec inférence de type.
Assistance au codage spéciale au sein des fichiers standards : urls.py et settings.py : fichiers, dossiers, méthodes de visualisation, injection et mise en évidence regexp. Utilisez les intentions pour laisser PyCharm créer des vues et des templates à partir des utilisations.
Travaillez plus rapidement avec les modèles et les formulaires en utilisant la saisie semi-automatique dans les vues et les templates, l'inférence de type, la navigation, la refactorisation et find usage.
Plus pour Django : saisie semi-automatique pour les noms de ressources statiques dans les templates (avec alertes), fenêtre de tâche interactive spéciale pour manage.py avec saisie semi-automatique orientée projet, templates Jinja2 et Mako dans Django, intentions de code telles que convert function view to class-based view/convert function view from class-based view, inspections des templates pour prévenir des erreurs, assistants i18n, live tempates pour Django, diagrammes de modèles et bien plus encore.
Le microframework Flask bénéficie d'une prise en charge solide et évolutive dans PyCharm : templates, navigation, saisie semi-automatique et plus encore.
Marquage d'un dossier comme dossier template, prise en charg de la syntaxe, inspections du code, remise en forme du code et plus encore.
Définissez un point d'arrêt dans un template, y compris dans une boucle, et identifiez ce qui ne va pas dans votre rendu.
Saisie automatique dans Python ou Jinja2 en fonction des paramètres de rendu, des paramètres de route et des globaux de Flask comme les sessions.
Passez facilement d'une vue à des fichiers de templates, ou d'un symbole dans un template au code Python pour le symbole en question.
Saisie automatique de l'ancien style du code d'extension Flask, qui utilisait l'espace de nom flask.ext.
Déduction des types de champs sur les modèles déclaratifs, prise en charge des constructeurs de modèle générés et marquage des chaînes de requêtes comme SQL avec l'injection de langage.
Plus pour Flask : live templates pour générer rapidement les routes Flask et un type de projet dédié qui génère un projet Flask simple et préconfiguré.
Pyramid est largement utilisé pour les gros projets web configurables et Pycharm le prend en charge efficacement depuis longtemps.
Le type de configuration Run/Debug personnalisé pour Pyramid facilite le pointage d'un serveur Pyramid vers un fichier de configuration.
Prise en charge des 3 langages de templates Pyramid avec mise en évidence des éléments de syntaxe, saisie automatique, remise en forme et saisie semi-automatique du code, en plus du débogage de template dans Jinja2.
Passez des vues aux templates et naviguez jusqu'aux symboles depuis les templates.
Plus pour Pyramid : détectez et configurez les projets Pyramid à l'ouverture, prise en charge de SQLAlchemy et SQL et type de projet dédié qui reproduit les options de création de projet Pyramid.
Les workflows de développement modernes utilisent des technologies distantes ou virtuelles pour centraliser le développement ou isoler du code. PyCharm fournit une prise en charge performante pour le développement full-stack en utilisant Vagrant, SSH et Docker.
Exécution et débogage du code local dans des environnements distants/de conteneur. Prise en charge de Docker, Vagrant, SSH et du sous-système Windows pour Linux. Interface utilisateur PyCharm pour parcourir les conteneurs Docker locaux.
Configurez votre projet avec un scénario de déploiement basé sur SFTP ou FTP. Téléchargement automatique/manuel, gestion des identifiants, mapping des dossiers locaux vers les dossiers à distance, et plus encore.
Connectez-vous au système distant en utilisant un terminal intégré à l'IDE similaire au terminal local et configuré pour fonctionner avec le projet à distance. Définissez les tâches à distance qui fonctionnent avec SSH depuis PyCharm.
Python full-stack est un sujet majeur et PyCharm a bien plus à proposer :
PyCharm Professional intègre WebStorm, fournissant ainsi une assistance au codage intelligente pour JavaScript et TypeScript, un débogueur intégré pour le code côté client (qui fonctionne avec Chrome) et Node.js, HTML et CSS. Profitez de la saisie semi-automatique du code, des puissantes fonctionnalités de navigation, de la détection d'erreurs à la volée et de la refactorisation pour tous ces langages, avec une prise en charge avancée pour les frameworks et testeurs modernes.
Travailler avec HTML dans le cadre de gros projets nécessite des outils professionnels. PyCharm propose de nombreuses fonctionnalités pour vous aider à travailler avec HTML.
Laissez votre IDE compléter avec précision les noms de classe et les ID de votre projet, que ce soit en HTML ou en CSS.
Oubliez l'indentation manuelle de votre balisage et laissez votre IDE s'en occuper pour vous avec ses nombreuses options de configuration.
Grâce à ses inspections de code configurables et à ses correctifs rapides, PyCharm repère les erreurs, comme les références manquantes ou le HTML non valide.
Plus pour HTML : mise en évidence des éléments de syntaxe, aperçu dans le navigateur, visualisation des images intégrées, type de balisage productif avec abréviations Emmet, glisser-déposer des références CSS/JS dans un document HTML.
Le styling web est une technologie ancienne et mature, mais de récentes avancées ont apporté de nouvelles capacités particulièrement utiles. PyCharm rend le développement CSS productif tout en prenant en charge les meilleures des nouveautés.
Saisie automatique du code et navigation pour les symboles CSS, ainsi que pour les noms et ID de classes utilisés dans les projets, avec prise en charge des importations.
Laissez l'IDE s'occuper de l'indentation, des lignes vides et des espaces via la mise en forme de code configurable. Utilisez Stylelint avec vos paramètres de style CSS, les inspections de code et les correctifs rapides.
Syntaxe, saisie automatique, importations automatiques et prise en charge des avertissements pour Sass, SCSS, Less et d'autres.
Le JavaScript moderne est un environnement riche pour des applications de grande envergure côté serveur et côté navigateur. PyCharm propose une prise en charge de premier ordre pour le domaine en perpétuelle évolution du développement JavaScript
Débogueur complet qui fonctionne pour NodeJS (local ou à distance) et pour l'exécution dans Chrome.
Déplacer/renommer, déplacer vers classe, extraire des paramètres, variables et méthode, et bien d'autres refactorisations.
Accélérations pour de nombreuses opérations communes de JavaScript, comme : convertir en guillemet unique, activer les opérandes et convertir en littéral de modèle de chaîne.
Plus pour JavaScript : autogénération d'importation ES6 lorsqu'un symbole est validé, "optimize imports" configurable pour permettre à l'IDE de nettoyer les importations, remise en forme de code configurable et intelligente, ESLint non seulement pour les avertissements mais également pour les correctifs rapides et les watchers de fichier afin d'exécuter Babel lors des modifications de source.
Les frameworks, bibliothèques et grands projets JavaScript adoptent TypeScript pour produire un meilleur code. PyCharm propose une prise en charge mature et moderne de TypeScript.
Mise en évidence des éléments de syntaxe avec vérification d'erreur, saisie automatique du code et assistance, mise en forme du code, navigation rapide, recherche d'utilisation et importations automatiques.
Assistance avancée à la refactorisation : renommer/déplacer, changement de signature, extraction des paramètres, extraction d'interface, et plus encore.
Utilisez TSlint et la configuration de projet pour gérer les inspections de code et les correctifs rapides.
Plus pour TypeScript : compilateur intégré pour compiler TypeScript en cours de frappe, interface utilisateur sur tout le projet pour signaler des erreurs de compilation, affichage inline des conseils de paramètres et des informations de type inféré, prise en charge du service de langage TypeScript.
Applications JavaScript sophistiquées signifie tests et frameworks de test, et PyCharm apporte une prise en charge mature et productive pour Karma, Jest, Protractor et Mocha.
Effectuez facilement des tests : PyCharm s'intègre avec les testeurs comme Karma, Mocha, Jest et Protractor. Définissez facilement des options de configuration spécifiques aux frameworks.
Lancez des tests à partir de l'IDE, dans une puissante fenêtre d'outils qui offre de nombreuses options pour vous concentrer sur vos tests.
Exécutez un test simplement avec un clic droit, bénéficiez de l'exécution automatique de tests pendant la saisie, naviguez facilement depuis un test ou du code ayant échoué à la ligne correspondante, visualisez les icônes de la gouttière pertinentes.
Plus pour les tests : lancement de vos tests sous le débogueur pour investigation, interface intégrée pour afficher et parcourir la couverture des tests (notamment les décorations de gouttière), prise en charge de l'interface pour les instantanés Jest, redémarrage rapide des tests via une intégration avec prise en charge des surveillances du testeur.
Angular est l'un des meilleurs framework frontend et PyCharm, avec son intégration de WebStor , offre une intégration de premier ordre avec les dernières versions comme avec les versions plus anciennes d'AngularJS, ainsi qu'un débogage puissant pendant les exécutions et les tests.
Saisie semi-automatique du code, navigation, remise en forme, code insight et correctifs rapides pour composants et templates Angular, des dernières versions jusqu'aux plus classiques d'AngularJS.
Utilisez l'outil d'Angular pour générer de nouveaux projets, mais également des composants et autres artefacts, le tout depuis une interface utilisateur PyCharm.
Laissez PyCharm générer votre importation pendant qu'il saisit automatiquement une utilisation, mais aussi optimiser et remettre en forme vos importations sur la base des paramètres.
Plus pour Angular : intégration avec le service de langage Angular, live templates pour ajouter rapidement des extraits Angular/AngularJS, assistance au codage pour les designs Angular Material (saisie sur composants et attributs, plus navigation dans le code)
React est en train de prendre d'assaut le monde du développement web et PyCharm dispose d'une prise en charge mature et professionnelle de la bibliothèque. PyCharm propose également son débogueur puissant et productif pour le développement et les tests React.
Saisie de code rapide et précise pour API React : méthodes, attributs, événements et vos composants personnalisés (avec importations auto-générées lors de la saisie.)
Passez d'un symbole JSX/TSX à la méthode vue, une propriété ou autre symbole de définition, puis faites l'inverse grâce à Find Usages.
Recevez des avertissements et des correctifs rapides sur les utilisations et le style grâce aux paramètres configurables dirigés par un linter comme ESLint.
Plus pour React : génération de nouveaux projets grâce à create-react-app (avec prise en charge de l'interface utilisateur pour react-scripts), refactorisation des composants pour l'ensemble du projet, prise en charge native de React, utilisation des raccourcis Emmet dans JSX, prise en charge de TypeScript et de Flow.
Vue.js est un framework web léger plus récent, avec une prise en charge en constante amélioration par PyCharm et une prise en charge du débogueur pendant les éditions et les tests.
Reconnaissance des fichiers .vue, avec prise en charge pour les blocs script/style/modèle et prise en charge de "lang" pour choisir lequel de TypeScript/Pug/CSS est le langage pertinent.
Saisie automatique du code, analyse et découverte des composants, propriétés et méthodes dans les modèles Vue.
Génération automatique d'importations lors de la saisie d'un symbole dans du code ou des templates.
Plus pour Vue.js : live templates pour une génération rapide d'extraits Vue.js, template de projet pour les nouveaux projets Vue.js.
Les bases de données SQL sont un backend populaire pour les applications web Python full-stack et PyCharm rend le développement de bases de données productif en intégrant DataGrip, notre IDE pour SQL. Gestion productive des requêtes, navigation de schéma, édition de table, refactorisation, importation/exportation, et plus encore.
Nos fonctionnalités d'IDE générales habituelles s'appliquent également au développement de base de données : éditeur de code intelligent, navigation intelligente dans SQL, refactorisations des tables, personnalisation de l'IDE, gestion des versions de vos scripts de schémas, et plus encore.
PyCharm réalise une l'introspection de tous les objets de vos bases de données et les affiche de façon groupée dans des dossiers par schémas. Il fournit également une interface utilisateur pour ajouter et éditer les tables, colonnes, index, contraintes, etc.
Exécution des requêtes dans une console dédiée avec possibilité de parcourir les résultats, historique local et visionneuse diff pratique pour comparer les différents résultats.
La navigation rapide vous amène à n'importe quel objet, peu importe qu'il vienne d'être créé dans votre code ou qu'il ait déjà été lu depuis une base de données. Navigate to symbol vous permet de trouver des objets à partir de leur nom.
Un puissant éditeur de tables vous permet d'ajouter, supprimer, éditer et cloner des rangées de données. Parcourez les données par clés étrangères et utilisez la recherche de texte pour trouver tout ce que vous voulez dans les données affichées dans l'éditeur de tables.
PyCharm propose une saisie semi-automatique du code qui tient compte des schémas et du contexte pour vous aider à écrire votre code plus rapidement. La saisie automatique reconnaît la structure de la table, les clés étrangères et même les objets de base de données créés dans le code que vous éditez.
Déplacez des données dans et en dehors de votre base de données en utilisant des formats familiers comme CSV/JSON/XML, d'autres sources de données comme SQLite, des exportations de requêtes récentes ou même des services Data Extractor orientés programmation.