Maison > outils de développement > sublime > Comment exécuter des CSS dans Sublime

Comment exécuter des CSS dans Sublime

下次还敢
Libérer: 2024-04-03 12:39:18
original
948 Les gens l'ont consulté

Pour exécuter CSS dans Sublime : installez Node.js. Installez les dépendances du serveur live. Créez un fichier avec une extension .css. Écrivez du code CSS. Exécutez la commande live-server. Prévisualisez les résultats et voyez les modifications en direct dans votre navigateur.

Comment exécuter des CSS dans Sublime

Comment exécuter CSS dans Sublime

Pour exécuter CSS avec Sublime Text, vous pouvez suivre les étapes ci-dessous :

1. Installez Node.js

  • Allez sur le site officiel de Node.js https ://nodejs.org/ Téléchargez et installez Node.js.

2. Installer les dépendances

  • Ouvrez le terminal Sublime Text (touche de raccourci : Ctrl/Cmd + `).
  • Entrez la commande suivante pour installer les dépendances : npm install -g live-server. npm install -g live-server

3. 创建 CSS 文件

  • 在 Sublime Text 中创建一个新的文件,并使用 .css 作为扩展名。

4. 编写 CSS 代码

  • 在文件中编写你的 CSS 代码。

5. 运行 CSS

  • 打开 Sublime Text 终端,并切换到 CSS 文件所在的目录。
  • 输入以下命令运行 CSS:live-server

6. 预览结果

  • 运行 live-server
🎜3. Créez un fichier CSS 🎜🎜🎜🎜Créez un nouveau fichier dans Sublime Text et utilisez .css comme extension. 🎜🎜🎜🎜4. Écrivez le code CSS 🎜🎜🎜🎜Écrivez votre code CSS dans un fichier. 🎜🎜🎜🎜5. Exécutez CSS🎜🎜🎜🎜Ouvrez le terminal Sublime Text et passez au répertoire où se trouve le fichier CSS. 🎜🎜Entrez la commande suivante pour exécuter CSS : live-server. 🎜🎜🎜🎜6. Aperçu des résultats🎜🎜🎜🎜Après avoir exécuté la commande live-server, une fenêtre d'aperçu s'ouvrira dans le navigateur par défaut, affichant le fichier HTML avec les styles CSS appliqués. Apportez des modifications au fichier CSS et enregistrez-le, et l'aperçu dans le navigateur sera automatiquement mis à jour. 🎜🎜

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal