Maison outils de développement sublime Apprenez à utiliser rapidement Sublime Text3 pour écrire du HTML

Apprenez à utiliser rapidement Sublime Text3 pour écrire du HTML

Apr 13, 2021 pm 03:57 PM

La colonne tutorielle suivante de sublime vous présentera comment écrire du HTML en utilisant sublime Text 3. J'espère qu'elle sera utile aux amis dans le besoin !

Apprenez à utiliser rapidement Sublime Text3 pour écrire du HTML

1. Téléchargez et installez Sublime Text 3.

2. Ouvrez l'interface de Sublime Text 3.

Page d'accueil

3. Appuyez sur Ctrl+N pour créer une nouvelle page.

Nouvelle page

4. Appuyez sur Ctrl+S et enregistrez sous le nom de fichier que vous spécifiez, en utilisant le suffixe .html (le suffixe est important , Sublime Le type de langue sera déterminé en fonction du suffixe et la saisie semi-automatique correspondante sera activée pour vous). Par exemple, le nom du fichier est test.html

À l'heure actuelle, le nom de fichier de la page à onglet actuelle est devenu test.html

5. Entrez < h, comme le montre la figure, une fois que le répertoire des candidats à la complétion de code correspondant apparaît, vous pouvez voir que le HTML est localisé en premier, appuyez sur Entrée, et il sera automatiquement complété :

6. Comme le montre la figure , Sublime Text 3 génère automatiquement pour nous le framework de la page html, et nous n'avons plus à saisir laborieusement une grande quantité de contenu initial :

Remarque :  est une nouvelle fonctionnalité dans HTML5

7. Entrez le nom de la page Web entre le nom sur l'onglet du navigateur. Par exemple, saisissez index.</p> <p><img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/4d75661724eaae8e8b4a1899cd628f22-5.png" alt="" style="max-width:90%" style="max-width:90%"></p> <p>8. Saisissez <h2 entre <body> et </body> Ajoutez la complétion du code pour les titres secondaires. Par exemple, après avoir saisi un titre comme Chapitre 1, appuyez sur Ctrl+S pour enregistrer le fichier. </p> <p><img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/4d75661724eaae8e8b4a1899cd628f22-6.png" alt="" style="max-width:90%" style="max-width:90%"></p> <p>9. Il n'est pas nécessaire de fermer Sublime, utilisez simplement n'importe quel navigateur populaire pour ouvrir votre fichier test.html </p> <p> <img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/4d75661724eaae8e8b4a1899cd628f22-7.png" alt="" style="max-width:90%" style="max-width:90%"></p> <p>Le nom de balise actuel du navigateur est le titre:index que vous avez entré, et le contenu de la barre d'adresse est le chemin local de votre fichier html. </p> <p>Le chapitre 1 est le titre secondaire que vous venez de saisir. </p> <p> 10. Ne fermez pas le navigateur, entrez <p dans Sublime et appuyez sur Entrée pour générer le code de fin de paragraphe entre <p> Ctrl+S pour enregistrer le fichier. </p> <p><img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/ace46a9fc85726b64bf045d2a130c455-8.png" alt="" style="max-width:90%" style="max-width:90%"></p> <p>11. Actualisez le navigateur et vous pouvez voir que le contenu de l'affichage HTML a changé : (L'opération d'actualisation dans le navigateur Chrome consiste à cliquer avec le bouton droit sur le menu pour recharger, ou appuyez sur Ctrl +R) </p> <p><img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/f7082c1550dc3fee7d8913fdfd23f69f-9.png" alt="" style="max-width:90%" style="max-width:90%"></p> <p> 12. À ce stade, la partie introductive de l'écriture HTML à l'aide de Sublime est terminée, et il est également possible d'utiliser le navigateur pour immédiatement et suivre manuellement les modifications des effets d’affichage lors de l’écriture du code. Nous pouvons également utiliser l'écran partagé dans Win10 pour juxtaposer Sublime au navigateur pour une observation plus facile. </p> <p><img class="has lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/f7082c1550dc3fee7d8913fdfd23f69f-10.png" alt="" style="max-width:90%" style="max-width:90%"></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780570.html" title="R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780641.html" title="R.E.P.O. Meilleurs paramètres graphiques" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Meilleurs paramètres graphiques</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780520.html" title="R.E.P.O. Comment réparer l'audio si vous n'entendez personne" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Comment réparer l'audio si vous n'entendez personne</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780523.html" title="R.E.P.O. Commandes de chat et comment les utiliser" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Commandes de chat et comment les utiliser</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/article.html">Afficher plus</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils d'IA chauds</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Application basée sur l'IA pour créer des photos de nu réalistes</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Images de déshabillage gratuites</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Dissolvant de vêtements AI</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Générez AI Hentai gratuitement.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/ai">Afficher plus</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780570.html" title="R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780641.html" title="R.E.P.O. Meilleurs paramètres graphiques" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Meilleurs paramètres graphiques</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780520.html" title="R.E.P.O. Comment réparer l'audio si vous n'entendez personne" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Comment réparer l'audio si vous n'entendez personne</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/1796780523.html" title="R.E.P.O. Commandes de chat et comment les utiliser" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Commandes de chat et comment les utiliser</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/article.html">Afficher plus</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils chauds</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title"> <h3>Bloc-notes++7.3.1</h3> </a> <p>Éditeur de code facile à utiliser et gratuit</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version chinoise</h3> </a> <p>Version chinoise, très simple à utiliser</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Envoyer Studio 13.0.1</h3> </a> <p>Puissant environnement de développement intégré PHP</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Outils de développement Web visuel</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version Mac</h3> </a> <p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/ai">Afficher plus</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Sujets chauds</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/gmailyxdlrkzn" title="Où se trouve l'entrée de connexion pour la messagerie Gmail ?" class="phpgenera_Details_mainR4_bottom_title">Où se trouve l'entrée de connexion pour la messagerie Gmail ?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7522</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/cakephp-tutor" title="Tutoriel CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel CakePHP</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1378</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/steamdzhmcssmgs" title="Quel est le format du nom de compte de Steam" class="phpgenera_Details_mainR4_bottom_title">Quel est le format du nom de compte de Steam</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>81</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/winactivationkeyper" title="Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent" class="phpgenera_Details_mainR4_bottom_title">Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>54</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/fr/faq/newyorktimesdailybrief" title="NYT Connexions Indices et réponses" class="phpgenera_Details_mainR4_bottom_title">NYT Connexions Indices et réponses</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>21</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>70</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/fr/faq/zt">Afficher plus</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796788949.html" title="SUblime Text Productivity Hacks: accélérez votre flux de travail de codage" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174361084261157.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="SUblime Text Productivity Hacks: accélérez votre flux de travail de codage" /> </a> <a href="https://www.php.cn/fr/faq/1796788949.html" title="SUblime Text Productivity Hacks: accélérez votre flux de travail de codage" class="phphistorical_Version2_mids_title">SUblime Text Productivity Hacks: accélérez votre flux de travail de codage</a> <span class="Articlelist_txts_time">Apr 03, 2025 am 12:20 AM</span> <p class="Articlelist_txts_p">Les méthodes pour améliorer l'efficacité de la programmation à l'aide de sublimeText incluent: 1) compétent dans l'utilisation des touches de raccourci, telles que Ctrl Shift D pour copier les lignes; 2) Utilisez des fonctions d'édition multi-lignes, telles que Ctrl Mouse Cliquez pour sélectionner plusieurs positions; 3) Installez des plug-ins, tels que Emmet pour générer du code HTML / CSS; 4) Fichiers de configuration personnalisés, tels que le réglage de la taille de la police et du thème de couleur. La maîtrise de ces techniques peut considérablement améliorer votre vitesse de codage et votre efficacité de travail.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796789650.html" title="Personnalisation de texte sublime avancé: thèmes, liaisons clés et packages" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174369635349003.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Personnalisation de texte sublime avancé: thèmes, liaisons clés et packages" /> </a> <a href="https://www.php.cn/fr/faq/1796789650.html" title="Personnalisation de texte sublime avancé: thèmes, liaisons clés et packages" class="phphistorical_Version2_mids_title">Personnalisation de texte sublime avancé: thèmes, liaisons clés et packages</a> <span class="Articlelist_txts_time">Apr 04, 2025 am 12:05 AM</span> <p class="Articlelist_txts_p">Les méthodes pour personnaliser SublimeText incluent: 1. Créer et modifier les fichiers de thème, tels que mytheme.sublime-thème, et ajuster l'apparence de l'éditeur; 2. Personnaliser les liaisons de touches, définir les touches de raccourci via le fichier par défaut (Windows) .Sublime-keymap; 3. Installez PackageControl et gérez les plug-ins via celui-ci, tels que Emmet et Sublimelinter, et élargir les fonctions de l'éditeur.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796791844.html" title="Palette de commande de texte sublime: libérez la puissance de Sublime" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174395625274000.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Palette de commande de texte sublime: libérez la puissance de Sublime" /> </a> <a href="https://www.php.cn/fr/faq/1796791844.html" title="Palette de commande de texte sublime: libérez la puissance de Sublime" class="phphistorical_Version2_mids_title">Palette de commande de texte sublime: libérez la puissance de Sublime</a> <span class="Articlelist_txts_time">Apr 07, 2025 am 12:17 AM</span> <p class="Articlelist_txts_p">L'utilisation de la commandant de commandant de sublimeText peut améliorer la productivité. 1) Ouvrez CommandPalette (Ctrl Shift P / Windows / Linux, CMD Shift P / Mac). 2) Entrez le mot-clé de commande, tel que "installpackage" ou "darktheme". 3) Sélectionnez et exécutez des commandes, telles que l'installation de plug-ins ou de thèmes de commutation. Grâce à ces étapes, Commandpalette peut vous aider à effectuer rapidement diverses tâches et à améliorer l'expérience d'édition.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796790429.html" title="Systèmes de construction de texte sublime: compilation et exécution du code directement" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174378314336472.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Systèmes de construction de texte sublime: compilation et exécution du code directement" /> </a> <a href="https://www.php.cn/fr/faq/1796790429.html" title="Systèmes de construction de texte sublime: compilation et exécution du code directement" class="phphistorical_Version2_mids_title">Systèmes de construction de texte sublime: compilation et exécution du code directement</a> <span class="Articlelist_txts_time">Apr 05, 2025 am 12:12 AM</span> <p class="Articlelist_txts_p">BuildSystems de SublimeText peut compiler et exécuter automatiquement le code via des fichiers de configuration. 1) Créez un fichier de configuration JSON et définissez les commandes de compilation et d'exécution. 2) Utilisez des touches de raccourci pour déclencher des systèmes BuildSystems pour exécuter la commande. 3) Optimiser la configuration pour améliorer les performances, telles que l'utilisation du cache et de la compilation parallèle. Cela permet aux développeurs de se concentrer sur l'écriture de code et d'améliorer l'efficacité du développement.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796792425.html" title="Sublime Text Gestion de projet: Organisation et navigation de code" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174404191254390.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Sublime Text Gestion de projet: Organisation et navigation de code" /> </a> <a href="https://www.php.cn/fr/faq/1796792425.html" title="Sublime Text Gestion de projet: Organisation et navigation de code" class="phphistorical_Version2_mids_title">Sublime Text Gestion de projet: Organisation et navigation de code</a> <span class="Articlelist_txts_time">Apr 08, 2025 am 12:05 AM</span> <p class="Articlelist_txts_p">La fonction de gestion de projet de SublimeText peut organiser et naviguer efficacement la base de code via les étapes suivantes: 1. Créez un fichier de projet et enregistrez le fichier .sublime-project à l'aide de sauvegardes dans le menu du projet .... 2. Configurer les fichiers du projet, spécifiez les dossiers et les paramètres inclus, tels que l'exclusion de fichiers spécifiques ou la configuration du système de construction. 3. Ouvrez le fichier du projet et chargez rapidement l'environnement du projet via OpenProject dans le menu du projet. 4. Optimiser les fichiers du projet pour éviter d'inclure trop de dossiers et utilisez le mode d'exclusion pour améliorer la vitesse de navigation. Grâce à ces étapes, vous pouvez utiliser les capacités de gestion de projet de SublimeText pour améliorer l'efficacité du développement et la qualité du code.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796791178.html" title="Texte sublime Expressions régulières: maîtrise la recherche et remplacer" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174386973373374.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Texte sublime Expressions régulières: maîtrise la recherche et remplacer" /> </a> <a href="https://www.php.cn/fr/faq/1796791178.html" title="Texte sublime Expressions régulières: maîtrise la recherche et remplacer" class="phphistorical_Version2_mids_title">Texte sublime Expressions régulières: maîtrise la recherche et remplacer</a> <span class="Articlelist_txts_time">Apr 06, 2025 am 12:15 AM</span> <p class="Articlelist_txts_p">Recherche et remplacer à l'aide d'expressions régulières dans SublimEText peut être réalisée via les étapes suivantes: 1. Allumez la fonction de recherche et de remplacement, en utilisant les touches de raccourci Ctrl H (Windows / Linux) ou CMD Opt F (Mac). 2. Vérifiez l'option "Expression régulière" et entrez le mode d'expression régulière pour rechercher et remplacer. 3. Utilisez le groupe de capture pour extraire le contenu correspondant, par exemple, utilisez HTTPS?: // (1) pour extraire le nom de domaine dans l'URL. 4. Testez et déboguez les expressions régulières pour garantir que le contenu requis est correctement apparié. 5. Optimiser les expressions régulières pour éviter la correspondance et utiliser une correspondance non frisée pour améliorer les performances. / ↩</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796793119.html" title="Sublime Text Package Contrôle: Gestion de la maîtrise des packages" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174412853334927.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Sublime Text Package Contrôle: Gestion de la maîtrise des packages" /> </a> <a href="https://www.php.cn/fr/faq/1796793119.html" title="Sublime Text Package Contrôle: Gestion de la maîtrise des packages" class="phphistorical_Version2_mids_title">Sublime Text Package Contrôle: Gestion de la maîtrise des packages</a> <span class="Articlelist_txts_time">Apr 09, 2025 am 12:08 AM</span> <p class="Articlelist_txts_p">PackageControl améliore l'expérience de développement de SublimEText via les étapes suivantes: 1. Installez PackageControl et utilisez quelques lignes de commande pour la compléter. 2. Accédez à PackageControl via des touches de raccourci ou des menus pour installer, mettre à jour et supprimer les plug-ins. 3. Nettoyer et mettre à jour régulièrement les plug-ins pour optimiser les performances et améliorer l'efficacité du développement. Grâce à ces opérations, les développeurs peuvent se concentrer sur la programmation et améliorer l'expérience globale de développement.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/fr/faq/1796786786.html" title="Texte sublime Édition multicursor: sélection avancée et manipulation" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174340853280879.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Texte sublime Édition multicursor: sélection avancée et manipulation" /> </a> <a href="https://www.php.cn/fr/faq/1796786786.html" title="Texte sublime Édition multicursor: sélection avancée et manipulation" class="phphistorical_Version2_mids_title">Texte sublime Édition multicursor: sélection avancée et manipulation</a> <span class="Articlelist_txts_time">Mar 31, 2025 pm 04:08 PM</span> <p class="Articlelist_txts_p">La fonction d'édition multi-usine de sublimetext améliore l'efficacité d'édition à travers les méthodes suivantes: 1. Utilisez Ctrl D pour sélectionner le mot correspondant suivant, qui convient aux opérations telles que le remplacement des noms de variables. 2. Utilisez Ctrl Cliquez pour ajouter un nouveau curseur, adapté à l'édition dans des positions non continues. 3. Utilisez Ctrl u pour annuler la dernière sélection pour aider à ajuster la plage de sélection. 4. Divisez le texte sélectionné en plusieurs lignes de curseur via Ctrl Shift L pour optimiser l'édition de fichiers volumineux.</p> </div> </div> <a href="https://www.php.cn/fr/tool/" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p> </div> <div class="footermid"> <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744773493"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>