\u00c9diteur de texte moderne, puissant et l\u00e9ger, Brackets a \u00e9t\u00e9 cr\u00e9\u00e9 pour les d\u00e9veloppeurs frontaux et les concepteurs Web.<\/p>\n
Brackets offre des outils visuels cibl\u00e9s et une prise en charge du pr\u00e9processeur facilitant la conception dans le navigateur pour les concepteurs et les d\u00e9veloppeurs.<\/p>\n
L’\u00e9diteur de texte Brackets est sans aucun doute l’un des \u00e9diteurs de code les plus populaires disponibles avec de nombreuses extensions Brackets.<\/p>\n
Nous l’avons utilis\u00e9 nous-m\u00eames au cours des derniers mois tout en travaillant sur la mise \u00e0 jour de wpDataTables<\/a><\/strong>, le plugin WordPress #1 pour les tableaux et les graphiques.<\/p>\n \u00c9diteur HTML open source, Adobe Brackets est l’un des \u00e9diteurs de texte les plus appr\u00e9ci\u00e9s parmi les d\u00e9veloppeurs frontend. Il n’est pas aussi bien promu qu’Atom, le nouvel \u00e9diteur de texte l\u00e9ger d\u00e9velopp\u00e9 par GitHub, mais c’est un \u00e9diteur de code et de texte prometteur.<\/p>\n Optimis\u00e9s pour HTML, JavaScript et CSS, Brackets peut \u00eatre utilis\u00e9 sous Windows, Mac OS et Linux. Vous pouvez t\u00e9l\u00e9charger Brackets sur brackets.io si vous recherchez un \u00e9diteur HTML pour Mac, Brackets pour Windows, un \u00e9diteur HTML pour Mac, des crochets HTML ou un \u00e9diteur HTML et CSS.<\/p>\n Brackets met en \u0153uvre la compl\u00e9tion de code du point de vue des d\u00e9veloppeurs front-end et des concepteurs Web. Plusieurs autres fonctionnalit\u00e9s d\u00e9finissent les crochets, notamment l’ouverture rapide, la recherche rapide, l’int\u00e9gration de la ligne de commande et la s\u00e9lection de codes multiples.<\/p>\n Le plus grand avantage de Brackets en tant qu’\u00e9diteur de code et de texte est un grand nombre d’extensions disponibles qui ajoutent des fonctionnalit\u00e9s aux fonctionnalit\u00e9s int\u00e9gr\u00e9es de Brackets. Les extensions vous permettent de changer le th\u00e8me de Visual Studio ou m\u00eame de cr\u00e9er vos th\u00e8mes Brackets.<\/p>\n Cet article pr\u00e9sente de nombreuses extensions Brackets gratuites li\u00e9es \u00e0 GitHub pour assurer la protection contre les bogues ou les codes corrompus\u00a0:<\/p>\n Comme son nom l’indique, Beautify est l’une des meilleures extensions Brackets con\u00e7ues pour donner une belle apparence aux codes. Beautify rend les fichiers plus lisibles et vous permet \u00e9galement d’am\u00e9liorer leur apparence avec une touche de raccourci: CMD-Shift-L (Mac) et Ctrl-Shift-L (Win).<\/p>\n En outre, vous pouvez formater le code JavaScript et le rendre plus lisible \u00e0 l’aide de Beautify.<\/p>\n Con\u00e7u comme un post-processeur pour g\u00e9rer efficacement les pr\u00e9fixes des fournisseurs, Autoprefixer analyse les fichiers CSS, puis attache les pr\u00e9fixes des fournisseurs aux r\u00e8gles CSS. Une fois qu’Autoprefixer est int\u00e9gr\u00e9 \u00e0 votre outil de cr\u00e9ation d’actifs, vous \u00eates pr\u00eat. De plus, il efface les pr\u00e9fixes obsol\u00e8tes.<\/p>\n Il s’agit de l’une des extensions Brackets con\u00e7ues pour am\u00e9liorer le flux de travail CSS et HTML. Il vous permet de saisir des expressions de type CSS qui seront ensuite analys\u00e9es et donneront une sortie conforme \u00e0 ce que vous avez litt\u00e9ralement saisi dans l’abr\u00e9viation.<\/p>\n Les abr\u00e9viations produites par Emmet appara\u00eetront comme des mod\u00e8les CSS. Cependant, ils sont analys\u00e9s pendant l’ex\u00e9cution et par cons\u00e9quent transform\u00e9s en un bloc structur\u00e9 avec une pression sur une touche. Une fois que vous avez r\u00e9cup\u00e9r\u00e9 les abr\u00e9viations, vous pouvez acc\u00e9l\u00e9rer le flux de travail CSS et HTML.<\/p>\n Minifier est l’une des extensions Brackets qui minimise les fichiers CSS et JavaScript \u00e0 l’aide d’une touche de raccourci: CMD+M ou Ctrl+M. Ils sont enregistr\u00e9s sous nomfichier.min.ext. C’est une extension tr\u00e8s rapide car elle compresse les fichiers et minimise le JS pertinent pendant que vous travaillez.<\/p>\n Une extension Brackets tr\u00e8s utile, ToDo est une excellente solution pour afficher, suivre et marquer comme termin\u00e9es ou trier les t\u00e2ches \u00e0 faire dans le projet ou le document en cours. Cinq balises, y compris ToDo, Note, Changes, FixMe et Future sont prises en charge par cette extension Brackets.<\/p>\n Une grande fonctionnalit\u00e9 de cette extension est qu’elle vous permet de d\u00e9finir vos propres balises ainsi que de personnaliser les couleurs des balises. Vous pouvez utiliser votre cr\u00e9ativit\u00e9 avec cette extension Brackets.<\/p>\n Snippets a \u00e9t\u00e9 con\u00e7u pour utiliser des raccourcis pour \u00e9crire les codes les plus couramment utilis\u00e9s et cr\u00e9er une biblioth\u00e8que d’extraits de code qui vous permettra d’\u00e9crire du code CSS, JS, HTML en saisissant seulement quelques lettres dans un extrait de code. Vous n’aurez pas \u00e0 \u00e9crire le m\u00eame code et les m\u00eames balises \u00e0 plusieurs reprises.<\/p>\n Il est important de copier le bon nombre de mots dans une section de conception, ce qui peut \u00eatre une activit\u00e9 tr\u00e8s chronophage pour les concepteurs. Lorem Ipsum, comme son nom l’indique, s’occupera de cette t\u00e2che pour vous et remplira les sections de conception avec le nombre de mots sp\u00e9cifi\u00e9.<\/p>\n Une commande telle que lorem_wrap200. et 200 mots appara\u00eetront comme par magie l\u00e0 o\u00f9 c’est n\u00e9cessaire.<\/p>\n Alors que Lorem Ipsum est l’une des extensions Brackets qui remplissent les sections de conception avec du texte factice<\/a>, Lorem Pixel g\u00e9n\u00e8re des images d’espace r\u00e9serv\u00e9 pour diverses sections de conception.<\/p>\n Cette extension est simple \u00e0 utiliser et vous permet de personnaliser la taille de votre image d’espace r\u00e9serv\u00e9 avec un \u00e9diteur visuel. Il vous permet \u00e9galement d’utiliser des URL personnalis\u00e9es pour incorporer des images factices.<\/p>\n Vous vous souvenez des balises de balisage\u00a0? Personne n’aime taper ces balises, mais elles sont obligatoires pour chaque nouveau document, que vous utilisiez PHP, HTML ou JavaScript. Any Template est l’une des extensions Brackets d\u00e9di\u00e9es \u00e0 la cr\u00e9ation de mod\u00e8les avec un balisage pr\u00e9-\u00e9crit.<\/p>\n Par la suite, vous pouvez commencer imm\u00e9diatement sur un nouveau document sans avoir \u00e0 taper ces balises de balisage obligatoires. S\u00e9lectionnez un mod\u00e8le HTML avec les balises HTML par d\u00e9faut si vous souhaitez cr\u00e9er un nouveau document HTML. Il en va de m\u00eame pour PHP ou JavaScript.<\/p>\n Brackets Icons est une extension qui a \u00e9t\u00e9 cr\u00e9\u00e9e pour aider les d\u00e9veloppeurs et les concepteurs \u00e0 incorporer des ic\u00f4nes de fichiers dans la barre lat\u00e9rale de Brackets. Comme vous le savez, un \u00e9l\u00e9ment visuel, comme une ic\u00f4ne, facilite l’identification des fichiers par rapport \u00e0 l’absence d’indicateur ou \u00e0 un indicateur textuel.<\/p>\n Une extension Brackets utile, CSSLint a \u00e9t\u00e9 con\u00e7ue pour identifier et identifier les probl\u00e8mes li\u00e9s \u00e0 la qualit\u00e9 du code ainsi que les erreurs CSS. L’extension signale des erreurs\/probl\u00e8mes en utilisant les r\u00e8gles CSS Lint.<\/p>\n Ce n’est pas sorcier d’installer l’une des extensions Brackets disponibles\u00a0:<\/p>\n Vous pouvez \u00e9galement installer des th\u00e8mes. C’est assez simple !<\/p>\n Il n’y a pas d’autre \u00e9diteur de code<\/a> pour les d\u00e9veloppeurs frontaux et les concepteurs Web qui soit plus polyvalent que Brackets. C’est le meilleur \u00e9diteur de sa cat\u00e9gorie et il est livr\u00e9 avec un ensemble de fonctionnalit\u00e9s incroyables que vous pouvez am\u00e9liorer avec les fonctionnalit\u00e9s suppl\u00e9mentaires des extensions.<\/p>\n Si vous avez appr\u00e9ci\u00e9 la lecture de cet article sur les extensions Brackets, vous devriez consulter celui-ci sur le salaire des d\u00e9veloppeurs WordPress<\/a>.<\/p>\n Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que les biblioth\u00e8ques JavaScript<\/a>, la formation WordPress<\/a>, la conversion HTML en WordPress<\/a> et le meilleur \u00e9diteur de code<\/a>.<\/p>\nQu’est-ce que Brackets de Brackets IO ?<\/strong><\/h3>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79ae98b7.jpg\")
<\/a><\/p>\nPrincipales caract\u00e9ristiques de Brackets, un \u00e9diteur CSS HTML l\u00e9ger<\/strong><\/h3>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79bebfe4.jpg\")
<\/a><\/p>\n\n
Extensions de supports gratuites<\/strong><\/h3>\n
\n
Embellir<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79cec5a2.jpg\")
<\/a><\/p>\n\n
Autoprefixer<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79de8da0.jpg\")
<\/a><\/p>\n\n
Emmet<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79f09a12.jpg\")
<\/a><\/p>\n\n
Minificateur<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a00dd88.jpg\")
<\/a><\/p>\n\n
Tout<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a104719.jpg\")
<\/a><\/p>\n\n
Extraits<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a1e78e2.jpg\")
<\/a><\/p>\n\n
Lorem Ipsum<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a30d88a.jpg\")
<\/a><\/p>\n\n
Bienvenue au Pixel<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a41d37e.png\")
<\/a><\/p>\n\n
N’importe quel mod\u00e8le<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a500a4d.jpg\")
<\/a><\/p>\n\n
Ic\u00f4nes de crochets<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a5f0256.jpg\")
<\/a><\/p>\n\n
CSSLint<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a718cae.jpg\")
<\/a><\/p>\nInstallation des extensions de supports<\/strong><\/h3>\n
![\"Extensions](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a8395f1.jpg\")
<\/a><\/p>\n\n
Fin des r\u00e9flexions sur la recherche des meilleures extensions de parenth\u00e8ses<\/strong><\/h3>\n