Comment compiler Sass en CSS dans Sublime Text 3 automatiquement?

Par exemple, il est forfait pour les moins de LessToCss. Comme pour le Sass(ou SCSS) je ne sais pas ce que je dois faire. Le rubis et le sublime paquet Sass sont installés.

github.com/timdouglas/sublime-less2css trouvé celui-ci, n'ai pas essayé mais
pour moins cher. je suis en besoin d'informations pour sass

OriginalL'auteur Marik Zuckor | 2016-04-02

  1. 2

    Vous devez modifier la variable de CHEMIN d'accès à la fin de la chaîne de CHEMIN d'accès dans les Variables d'Environnement: Bureau - Propriétés - Variables d'Environnement. Pour gagner des utilisateurs de vista/7. Détails pour 2000/XP ici Sass compilateur ne travaillant pas dans sublime text 3

    OriginalL'auteur Marik Zuckor

  2. 2

    Une façon est de télécharger un SASS construire compilateur à partir d'ici: SASS Compilateur
    C'est automatique Sublime paquet que, tout simplement, de la génération de votre fichier à l'endroit.
    Mais depuis, ils ont sorti la nouvelle version, il semble y avoir plusieurs paramètres sur ce forfait, vous pouvez essayer de jouer avec que un peu et voir ce qu'il peut faire aujourd'hui.

    Deuxième façon est d'écrire votre propre commande de construction dans le Sublime. Pour ce faire, vous allez dans "Outils>Build System>Nouveau Système de construction..."

    {

    "cmd": ["sass", "--update", "$file:${project_path}/Project/Web/css/${file_base_name}.css", "--stop-on-error", "--style", "compressed", "--no-cache", "--sourcemap=none"],
    "selector": "source.sass, source.scss",
    "line_regex": "Line ([0-9]+):",

    "osx":
    {
        "path": "/usr/local/bin:$PATH"
    },

    "windows":
    {
        "shell": "true"
    }

}

    Explication: j'utilise une structure de dossiers suivants: Projet/Web/CSS - Si vous avez la Sublime FICHIER de Projet au même niveau que le DOSSIER du Projet, alors ce sera de créer automatiquement votre fichier Sass (placé n'importe où dans le fichier de projet) de votre site Web/CSS dossier. Bien sûr, vous pouvez changer ce que vous voyez l'ajustement.

    Ce plugin est seulement pour ST 2.

    OriginalL'auteur Elvanos

  3. 0

    ici est de 100% de la solution, comme je l'ai également de l'utiliser. En fait, je suis à l'aide de mac donc je ne suis pas sûr que windows, car je ne voudrais pas essayer encore dans windows, mais je pense que ça fonctionne dans la fenêtre de trop.

    voici donc le construire;

    copier ce de départ crochets et le coller dans construire puis de l'enregistrer avec un nom comme (Build CSS),"

    {

    "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache"],

    "osx":
    {
        "path": "/user/local/bin:$PATH"
    },

    "windows":
    {
        "shell": true
    }
}

    Si elle travaille alors s'il vous plaît commentaire.

    Grâce

    OriginalL'auteur Anmol Juneja