Wie kann ich setup Bootstrap-SASS/SCSS mit Visual Studio 2013?

Hier sind die Schritte für ASP.NET Core 2.0 MVC-Visual Studio 2017.

• Laufen dotnet new mvc
• Laufen git clone https://github.com/twbs/bootstrap-sass
• Klar Inhalt wwwroot\lib\bootstrap\dist\js\bootstrap.min.js
• Ersetzen Inhalt wwwroot\lib\bootstrap\dist\js\bootstrap.js mit GitHub\bootstrap-sass\assets\javascripts\bootstrap.js
• In VS Projektmappen-Explorer neue Ordner wwwroot\lib\bootstrap\dist\js\bootstrap und dann kopieren .js Dateien aus GitHub\bootstrap-sass\assets\javascripts\bootstrap hinein.
• Kopieren GitHub\bootstrap-sass\assets\stylesheets\_bootstrap.scss zu wwwroot\lib\bootstrap\dist\css
• Kopieren (drag and drop) die ganzen Ordner GitHub\bootstrap-sass\assets\stylesheets\bootstrap in wwwroot\lib\bootstrap\dist\css
• Sie müssen zur Kompilierung der SASS so haben Sie zwei Möglichkeiten, die erste ist, zu übernehmen, Sie sind mit der Visual Studio IDE, um an Ihrem Projekt arbeiten, während die zweite option ist es, Visual Studio und VSCode. Sie müssen auch betrachten Sie die situation für CICD pipeline.
• Ich denke, die VSCode und CICD setup würde erfordern den Einsatz von task-Läufer in der IDE über VS, VSCode und vielleicht einen build-Schritt.
• Installation der SASS-compiler beinhaltet Ruby auf Windows-und scheint "komplexe"; ich bin nicht viel von einem Frontend-/JavaScript-Kerl noch Linux-Liebhaber und zugunsten der Produktivität über schicke modische JavaScript-tools, so werde ich zu meiden VSCode support und installieren Sie den Web-Compiler VS-Erweiterung von Mads Kristensen, die Haken in MSBuild, so sollte es gut sein für dotnet erstellen, wenn arbeiten in VSCode ich denke, sowie CICD.
• Installieren Sie Web-Compiler (https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler).
• Rechten Maustaste wwwroot\lib\bootstrap\dist\css\_bootstrap.scss und wählen Sie Web-Compiler > Kompilieren Sie die Datei - Hinweis das Aussehen von Scss Knoten in der Task Runner Explorer und die neue compilerconfig.json-Datei Hinzugefügt, um Ihre Codebasis.
• Sehen Sie die kompilierten Dateien, konfigurieren von Git ignorieren die minified version.
• Alter der bedingte code in _Layout.cshtml auf die minified _bootstrap.min.css in der Produktion und nicht den CDN-link.
• Die app ausführen und geistige Gesundheit überprüfen, suchen Sie nach Anfragen im self-host-Konsole auf die _bootstrap.css Datei und 200 OK zurück.
• Das ist im Grunde es.
• Commit von Git, und starten Sie änderungen an _variables.scss etc.

Hier ist, was ich habe [hier im Juli 2019] in Visual Studio 2017;

Habe ich installiert, die "Die Bootstrap-Autoren, die Twitter Inc." version von bootstrap.sass (v4.3.1) direkt aus der nuget.org server. Dann sah ich alle über den Ort für Informationen über genau, welche Datei(en) ich war gehen zu wollen, zu 'kompilieren' aus .scss zu .css und schließlich fanden diesen Beitrag.

@SandroPaetzold Antwort schien ein bisschen.. übermäßige /leicht verwirrend [gegeben, wie viel leichter ist es zu installieren Sie das Paket mit NuGet], so entschied ich mich zu schreiben, bis mein Prozess im Fall, es hilft jeder, der will, verwenden Sie die SASS-version von Bootstrap 4 in Ihrer ASP.Net MVC Projekt/Projektmappe.

Ich habe gerade mit Mads K WebCompiler, und so hatte ich zum erstellen der compilerconfig.json Datei [erforderlichen, durch das WebCompiler tool]. Dazu war ich in der Lage, Sie zu kopieren aus einem anderen Projekt, ich würde nur abgeschlossen, dann machte die erforderlichen änderungen für die bootstrap, die war einfach zu kompilieren, die bootstrap.scss Datei in mein ~/Content Ordner. Auf diese Weise habe ich nicht zu berühren die BundleConfig.cs - Datei.

(Nun, zugegeben, wenn ich gehen zu müssen, mehr als, sagen wir, 2-3 .css-Dateien haben, würde ich Sie in so etwas wie ~/Content/css wie ich mit dem anderen Projekt, das ich erwähnt habe, aber ich hatte nicht das Gefühl, dass es war ein notwendiger Schritt in diesem Fall).

So, die Gesamtheit von meinem compilerconfig.json war einfach:

[
  {
    "outputFile": "Content/bootstrap.css",
    "inputFile": "Content/bootstrap/bootstrap.scss",
    "options": {
      "sourceMap": true
    }
  }
]

Zu diesem Zeitpunkt ging ich in die Task Runner Explorer, mit der rechten Maustaste auf Content/bootstrap/bootstrap.scss (innerhalb der linken-hand-Bereich), dann ausgewählt Vor dem Bau aus der Bindungen Kontextmenü.

Schließlich, da Sie Gebaut wird, und somit nicht wirklich brauchen, um überprüft werden, ich habe Content/*.css zu meinem .gitignore - Datei. (Hinweis: der Pfad kann variieren.)

Diese, meiner Meinung nach, ist der geringste Betrag, der Abwanderung für die erste dieser Prozess abgeschlossen, mindestens compaired zu den anderen Antworten. (Anzuerkennen, dass einige, wenn nicht alle diese Antworten sind den Umgang mit anderen/früheren Versionen von Bootstrap, und damit kann erfordern ein wenig zusätzliche Arbeit.)