2014-11-23 55 views
7

我的Visual Studio 2013旗艦版4更新加上安裝和更新的Web要點。
我下載bootstrap V3.3.1源碼我把css,js,fonts和less文件夾複製到visual studio。如何編譯引導LESS源在VS 2013

現在我想編輯所有.less文件,在我編輯那裏覆蓋bootstrap.css文件後,我在解決方案資源管理器中選擇所有文件並右鍵單擊,但所有Web Essentials菜單項都被禁用。

什麼是我應該遵循編譯所有文件.css文件,或者我應該用比網絡要點不同工具的步驟是什麼?

enter image description here

+0

你應該只編譯bootstrap.less(這個文件導入所有其他文件)。另外請注意,自BS 3.2以來,您必須使用瀏覽器前綴代碼。 (見:https://github.com/postcss/autoprefixer#visual-studio) – 2014-11-23 20:08:25

+0

你有Web Essentials嗎? – Lowkase 2014-11-25 03:09:26

+0

@Lowkase是的,我已經安裝了 – 2014-11-25 09:32:20

回答

9

備案當前Web要點將編輯發生時重新編譯任何編譯的文件,包括像variables.less非CSS生成的文件。您只需在第一次手動編輯它們即可將其置入此模式。例如,想要重新引導Bootstrap變量的新項目的過程爲:

  1. 確保當前安裝了Web Essentials Visual Studio軟件包。
  2. 將Bootstrap Source NuGet包添加到該網站。
  3. 手動編輯您想要自動生成的文件,例如: /Content/bootstrap/bootstrap.less和theme.less。保存第一次編譯時,將在解決方案資源管理器中將.css和min.css生成爲相關項目。當您編輯相關的文件現在
  4. (例如variables.less做品牌)編譯自舉和主題CSS生成過程中自動更新。

關於此問題的唯一骯髒部分是您第一次編輯原始來源,更改時間戳。希望這不會在將來更新NuGet軟件包時造成問題。

有一個在這個網絡必備項目的開放問題。一個簡單的解決方案是獲取上下文菜單選項,以便在第一次手動執行此操作時,另一個方法是Visual Studio中文件的永久設置,例如構建操作或自定義工具操作。

https://github.com/madskristensen/WebEssentials2013/issues/1632

您可以更改在Visual Studio重新編譯的行爲「工具 - 選項 - 網絡精華 - 少」的設置。