web-dev-qa-db-fra.com

Développement Web de base IDE / Editor comme Dreamweaver?

J'utilise Windows depuis de nombreuses années et j'utilisais Dreamweaver comme éditeur car il possédait une arborescence de fichiers basée sur un projet (via Local, FTP ou SFTP).

J'ai besoin d'un développement web IDE avec les fonctionnalités suivantes:

  • mise en évidence de la syntaxe pour PHP, HTML, CSS, JavaScript

  • arborescence des fichiers - Local, FTP, SFTP, Basé sur un projet (par exemple via les méthodes Local/FTP/SFTP) dans En d'autres termes, comme Dreamweaver

  • peut ouvrir plusieurs fichiers (onglets)

De plus, les fonctionnalités telles que le débogage, les listes de classe, etc. ne me dérangeraient pas, pour autant que je puisse les cacher.

50
klj613

Même lorsque j'ai ajouté la réponse acceptée à la question mentionnée par @fossfreedom, plus précisément à Alternative de Dreamweaver dans ubuntu? , dans les commentaires de votre question. Je dois accepter que je n'ai pas remarqué avant l'existence de Aptana Studio .

J'inclus ici quelques captures d'écran couvrant certains des points qui vous intéressent.

enter image description here

Syntaxe en surbrillance pour PHP:

enter image description here

Surligner la syntaxe pour HTML:

enter image description here

Highlight de syntaxe pour CSS:

enter image description here

Syntaxe en surbrillance pour Javascript

enter image description here

Arborescence de fichiers illustrée dans ces captures d'écran et ces exemples:

Explorateur de projet:

enter image description here

Explorateur d'applications:

enter image description here

Fichiers à onglets multiples

illustré dans les captures d'écran ci-dessus.

J'ai remarqué que la navigation/gestion de fichiers FTP/SFTP est prise en charge, mais ce ne sont pas des fonctionnalités que je n'utilise pas. Je ne peux donc pas vous fournir plus de détails, mais je suis sûr que vous les trouverez sur le site d'Aptana Studio.

D'après mon expérience, j'ai cessé d'utiliser tous ces outils que j'utilisais auparavant pour commencer à profiter de cette excellente application, qui surpasse toutes les autres alternatives similaires.

Je vous suggère de l'essayer. Est aussi simple que de télécharger et d’exécuter, ou de suivre les instructions des producteurs afin d’installer cette application et de l’exécuter sur votre système. Pour moi, il est bon de l’avoir à l’intérieur de mon dossier personnel, à partir duquel je le commence en double-cliquant sur l’icône du programme. L'application trouvera ses mises à jour et téléchargera dans le dossier approprié si nécessaire.

Il existe plusieurs alternatives, comme celles mentionnées dans les questions précédentes, y compris celles qui comportent des éditeurs WYSIWYG. Mais c'est aussi une excellente alternative.

Bonne chance!

33

Pour un logiciel de remplacement DW, il n’ya probablement rien de plus proche que Quanta , qui entraîne malheureusement de nombreuses dépendances KDE sur le bureau GNOME standard.

Bien que Kompozer/Nvu vous permette de basculer entre l’affichage du code et le mode WYSIWYG, ils manquent tous les deux de certaines fonctionnalités de DW, bien qu’il existe définitivement une bonne gamme de fonctionnalités à aimer pour chacune d’elles.

Ma plate-forme de développement préférée est Bluefish, pour son excellente mise en évidence de la syntaxe.

Pour un environnement de développement plus complet, il existe Aptana , Komodo , et Eclipse .

Quelques autres qui sont très populaires, mais je ne peux pas le recommander personnellement car ils n’ont pas beaucoup travaillé avec eux, sont Geany et Screem

Un de mes amis a publié un excellent article sur le développement Web sous Linux blog

12
nathwill

Eh bien, il y a un cousin plus jeune d'Adobe Dreamweaver. Son appelé supports . Il a presque les mêmes fonctionnalités que Adobe Dreamweaver et, en plus, de nouvelles fonctionnalités étonnantes telles que la possibilité d'extraire des conseils de code d'un fichier . Psd et mieux encore, c'est gratuit ... :)

Adobe Brackets Interface

En outre, Brackets a une fonction appétissante, appelée live preview, qui permet de visualiser instantanément toutes les modifications apportées à votre fichier css ou html dans le projet actif dans un navigateur:

Live preview in Brackets

8
kelvinelove

Si vous cherchez un éditeur simple, je choisirais gedit + gedit-ftp-browser. Gedit a beaucoup d'extension et vous pouvez ajouter un navigateur de classe, etc ...

Vous pouvez bien sûr utiliser les plugins Eclipse + mais c'est vraiment comme utiliser une bombe pour tuer une fourmi.

8
dierre

Je devrais probablement recommander KompoZer , qui est une version non officielle de la correction de bugs de l'application populaire, Nv .

KompoZer Screenshot

Pour citer le page des fonctionnalités de KompoZer :

Enfin, un programme de pages Web WYSIWYG de premier ordre pour le reste d'entre nous! Désormais, nul besoin de> payer une petite fortune pour un programme permettant de créer et de modifier de superbes pages Web,> notamment des fonctionnalités CSS puissantes et faciles à utiliser.

KompoZer est un système complet de création Web qui combine la gestion de fichiers Web et des fonctionnalités d'édition de pages Web WYSIWYG faciles à utiliser, disponibles dans Microsoft FrontPage, Adobe DreamWeaver et d'autres programmes haut de gamme.

KompoZer est conçu pour être extrêmement facile à utiliser. Il est donc idéal pour les utilisateurs non> techniques qui souhaitent créer un site Web attrayant de qualité professionnelle sans avoir besoin de connaître le code HTML ou Web.

KompoZer version 1: 0.8 ~ b3.dfsg.1-0.1 est actuellement disponible dans les référentiels des univers maverick et natty.

6
nhandler

Votre question semble être un peu ambiguë.

Tout d’abord, en ce qui concerne l’alternative à Dreamweaver, j’ai trouvé toutes les suggestions de toutes les autres réponses excellentes, mais lorsqu’on a cherché une alternative à Dreamweaver, l’application la plus proche, pour moi, c’était le Amaya Projet. Ce qui semble être plus riche que d'autres alternatives et un peu plus sophistiqué que le Kompozer.

Une capture d'écran du site web officiel est là pour que vous puissiez la voir en action:

enter image description here

Des captures d'écran supplémentaires peuvent être obtenues en cliquant sur le lien suivant: http://www.w3.org/Amaya/screenshots/Overview.html

Vous le trouverez peut-être un peu instable, ou du moins ce fut pour moi, mais cela pourrait aussi répondre à vos besoins.

Après avoir joué avec les éditeurs WYSIWYG, j’ai préféré l’encodage direct avec BlueFish mais ce n’est pas un éditeur WYSIWYG.

Et au sujet des suggestions pour votre problème avec le firebug, je ne peux rien dire, désolé.

S'il vous plaît laissez-nous savoir comment vous avez fait si vous donnez une chance à Amaya.

Bonne chance!

Modifier

Après l’installation d’Amaya, je le trouve encore loin d’être stable, mais d’une manière ou d’une autre, il semble avoir de meilleures fonctionnalités que d’autres applications. Si vous considérez que d’autres logiciels sont de simples éditeurs de texte et qu’Amaya ressemble à un éditeur WYSIWYG.

J'ai testé ce que vous avez dit dans votre commentaire et j'ai constaté qu'Amaya ne s'était même pas aperçu que quelque chose avait changé dans la structure/le nom des fichiers/dossiers. Ce qui ne répondra pas à vos besoins liés à cela.

Dans la capture d'écran suivante, vous pouvez voir que j'ai renommé le dossier "ressources" en "ressources1" et qu'Amaya l'a encore montré en tant que "ressources" et qu'il n'existe aucun moyen de l'actualiser. Même après le redémarrage du logiciel et le chargement du projet, Amaya ne le remarquera pas.

enter image description here

Je vais suivre votre question de près en espérant que quelqu'un vienne et laisse tomber une bonne alternative.

Bonne chance!

5

Sublime Text

Sublime Text existe depuis un moment. En bref, il s’agit d’un pur éditeur de texte doté de fonctionnalités comparables à TextMate, mais il possède une interface graphique beaucoup plus fluide et est incroyablement extensible qui peut l’améliorer au-delà d’un éditeur de texte .

En tant que norme

Dès la sortie de la boîte, vous disposez d'un excellent outil de productivité pour l'édition de fichiers texte, avec des fonctionnalités utiles pour faire de l'édition de texte un rêve. La mise en évidence de la syntaxe est prise en charge pour toutes les langues populaires, et les langues moins populaires, mais toujours impressionnantes, sont disponibles via ...

Paquets

Sublime possède un écosystème de packages en croissance constante, qui utilise Python pour scripter l'éditeur, ce qui permet de transformer Sublime en un IDE complet plutôt que juste un éditeur de texte standard.

La beauté derrière la façon dont Sublime agit, c’est que vous commencez avec un simple éditeur de texte et n’ajoutez que ce dont vous avez besoin, plutôt que l’approche des autres IDE, où vous commencez avec tout, et il est vraiment lent et confus d’apprendre.

Vous disposez également du package package control pour télécharger et installer les packages automatiquement à partir de Sublime Text.

Goto n'importe quoi

Il est très simple d’obtenir toute fonction ou fichier avec recherches paresseuses . Si vous voulez ouvrir un fichier dans le projet avec un chemin de PageView/RT/Login/_Common.php, vous pouvez simplement taper pvlcom dans la fenêtre goto any.

La palette de commandes permet également de modifier la coloration syntaxique ou d'interagir avec un package.

Caractéristiques de l'IDE

J'utilise Sublime Text 3 pour le développement Web, et la communauté des packages en a pour tous les besoins ... Je suis sûr qu'il existe des packages pour d'autres environnements. Voici juste un aperçu de ce que ST3 me propose, un développeur Web.

  • Mise en évidence de la syntaxe pour SASS/SCSS.
  • Mise en évidence de la syntaxe pour Behat/Mink.
  • PHPUnit permettant aux tests de la classe d'être exécutés à partir de la classe elle-même.
  • PHP XDebug pour parcourir votre code et inspecter les variables au moment de l'exécution.
  • Analyse PHP. Affiche les erreurs en ligne dans votre code en cas d'erreur de syntaxe.

Il existe également de nombreuses fonctionnalités MySQL de ST3, mais j’ai d’autres logiciels dédiés à cet effet, je ne l’ai donc pas examiné.

4
Greg

Kompozer est un éditeur HTML/CSS complet doté de fonctionnalités décentes http://kompozer.net/features.php , vous pouvez l'essayer.

4
babai

Blue Griffon est un éditeur autonome similaire à Kompozer (tous deux issus de Nvu), mais il est en cours de développement - il prend en charge HTML5 et CSS3.

Développeur Web L'addon pour Firefox offre un support pour l'édition en direct de CSS et HTML avec enregistrement, mais il n'est pas très robuste (pas de coloration syntaxique, etc.).

Pour votre question Firebug, voir Débordement de pile .

Notez que certaines versions de Dreamweaver peuvent être exécutées à l'aide de Wine, consultez la section entrée Dremweaver sur WineHQ .

3
jnv

Autres logiciels pertinents:

3
mgunes

Voici les alternatives:

  • Quanta Plus
  • Studio Aptana
  • Bluefish Editor

Mais vous pouvez utiliser n’importe quel autre éditeur de texte pour éditer des fichiers tels que Gedit, vim, etc.

2
Coldfish

J'utilise BlueFish pour mon édition HTML et CSS, mais il ne dispose pas d'un éditeur WYSIWYG complet. Malheureusement, Dreamweaver n’est pas remplacé à la place de Linux. Si vous possédez une licence, Dreamweaver est classé Silver sur WineHQ. Par conséquent, vous aurez peut-être de la chance pour l'installer avec Wine, bien que je ne puisse pas le garantir, et que vous pourriez rencontrer des problèmes d'installation. Vous pouvez consulter les problèmes répertoriés pour Dreamweaver CS5 sous WineHQ .

En ce qui concerne FireBug, je ne fais généralement que copier et coller le code modifié dans un gedit et le placer là où j'en ai besoin.

Les autres logiciels incluent:

Je suis sûr que leurs autres aussi. J'ai essayé quelques-uns des modèles WYSIWIG, mais je n'ai pas encore trouvé celui qui se rapproche des capacités de Dreamweaver, bien que j'aie parfois dépassé mes limites.

1
Ethan

Je pense que gedit est le meilleur éditeur. Parce qu'il:

  • Lumière.
  • A la syntaxe en surbrillance.
  • Prend en charge un grand nombre de langages de programmation et HTML différents.
  • pré-installé dans Ubuntu.
1
Alvar

Il y a beaucoup de concurrence! Désolé pour ce que je dois dire, je suis un enthousiaste de Linux mais le logiciel Linux ne vous mènera pas loin. Kompozer et bluegriffon sont gentils mais ils vous rendront la vie plus difficile et vous n'obtiendrez pas un résultat professionnel, vous n'irez donc pas loin! Pardon ! Je n'aime pas ce que je vais dire, mais Windows est la seule solution si vous êtes professionnel. Je ne suis pas un partisan du double démarrage, j'ai donc formaté mon ordinateur sous Windows, peu importe la façon dont je les déteste.

Le but du système d'exploitation est d'avoir un logiciel disponible pour effectuer votre travail et non d'innombrables distributions.

Si vous voulez une simple page Web, vous pouvez télécharger gratuitement bluegriffon et acheter le module de modèles, vous le trouverez très utile! En outre, il existe d'innombrables modèles gratuits en ligne que vous pouvez utiliser sur kompozer pour créer votre page Web plus rapidement.

PS1: Je pourrais changer d’avis quand Ubuntu 12.04 viendra car je suis vraiment fan d’Ubuntu.
:-)

0
digitalcrow

Je n'utilise jamais autre chose que Gedit, qui fonctionne très bien (je programme principalement directement; jamais WYSIWYG, vous donne un code plus propre). Mais comme mentionné précédemment, il existe également Bluefish Editor, qui est également très bon. Après l'avoir essayé moi-même, je n'y trouve que des défauts très mineurs.

Bluefish Editort

Mais Kompozer est une très bonne alternative, si vous préférez les éditeurs WYSIWYG, bien que pour une programmation plus avancée, je ne le recommande pas.

Kompozer

0
Lyrositor

Gedit avec les plugins est tout ce dont j'ai besoin pour la plupart de mes besoins en HTML.

Seamonkey-compozer qui est très similaire à kompozer est un éditeur WYSIWYG génial. Il n'a pas de dépendances kde et est activement développé.

Pour PHP et les goûts que j'aime bluefish parce qu'il contient le code et la syntaxe en surbrillance.

0
tinhed

J'ai personnellement utilisé KompoZer pour le développement Web depuis quelques années. J'ai également conçu le nouveau site Web officiel de KompoZer à l'aide de KompoZer lui-même.

Cependant, KompoZer n'a pas été mis à jour depuis quelques années. J'ai donc essayé BlueGriffon pendant un certain temps. Il faut un certain temps pour s’habituer à BlueGriffon, mais c’est la chose la plus proche de Dreamweaver. De plus, j'utilise Aptana Studio ou Eclipse à des fins de script.

0
Saurabh Bansal

Vous n'indiquez pas si vous préférez un produit gratuit, puis-je vous suggérer PhpStorm ou WebStorm , tous deux de JetBrains. Ils sont payants, mais ne sont pas terriblement chers. Le site dit qu'ils sont multi-plateformes; Je ne les ai pas essayées sous Linux, mais elles fonctionnent assez bien sous Windows. Ce sont des IDE autonomes complets: le premier est spécialisé dans le développement PHP, tandis que le second est un peu plus large pour le développement Web général. Il y a des essais gratuits disponibles, alors pourquoi ne pas les essayer?

** Aucune affiliation, juste un client satisfait!

0
Grant Palin