簡介Gulp, Grunt, Bower, 和 Npm 對Visual Studio的支援

來源:互聯網
上載者:User

標籤:blog   http   io   os   使用   ar   java   for   strong   

[原文發表地址]Introducing Gulp, Grunt, Bower, and npm support for Visual Studio

Web 開發,特別是前端 Web 開發,正迅速變得像傳統的後端開發一樣複雜和精密。大多數項目不僅僅是通過 FTP上傳一些 JS 和 CSS 檔案。而現在的前端產生過程,可以囊括SASS 和LESS擴充、CSS/JS的壓縮包、JSHint 或 JSLint的運行時 、或者更多。這些產生任務和進程都和像Gulp和Grunt這樣的工具一起協調工作。此外,類似於npm和bower這樣的管理系統將用戶端庫作為軟體包來管理。

ASP.NET用戶端軟體包的管理者,為什麼不用 NuGet?或MSBuild?

你們中的一些人可能會問,為什麼JavaScript不使用 NuGet?為什麼不擴充 MSBuild 去構建 CSS/JS?原因很簡單。因為已經有了豐富的系統,來做這種事情。對於伺服器端庫 (和一些用戶端)來說,使用NuGet 就已經很棒了。npm和bower 上已經有了很多的,而且還會有更多的 CSS 和 JS 庫。而對於伺服器端的應用程式構建來說,使用MSBuild很棒,但當構建用戶端應用程式時,它有些多餘了。

所以,兩者都可以使用。這些都是您工具包中的工具。添加Gulp,Grun,Bower,npm的支援(和將來需要其他東西) ,這意味著為ASP.NET前端開發人員提供了一個更熟悉的環境。它允許 ASP.NET 開發人員引入 JS 和 CSS 庫,使他們可以每天使用。

引入任務資源管理員

我們從你們中,以及整個社會收到了相當多的、關於Grunt/Gulp的功能請求。我們利用Visual Studio “14的充分可擴充性正在構建對Grunt/Gulp第一流的支援。現在我們已經準備好將這個支援作為VS2013的一個擴充加入到預覽版本中, 並且我們感激您協助我們測試和考察這個功能。

今天我們介紹一個預覽版本,在這個預覽版本中,“任務資源管理員”將作為VSIX的一個擴充。同時也推薦兩個其他的VSIX來完善對這個功能的體驗。

注意:VSIX擴充中的大多數功能都被內建到Visual Studio中,因此你不需要安裝其他別的東西。而且,VS2013和此預覽版本中我們需要更多的VSIX,讓你遲早能得到這些擴充。請注意,今天任務資源管理員只工作於Vsiaual Studio Express 版本中,但VS14的所有功能都將出現在VS免費版本中。

類似於VS Productivity Power Tools一樣, “DevLabs”這樣的功能現在還在預覽版中。但是他們終將會整合到最終的產品中。

你需要什嗎?首先,你將需要Visual Studio 2013.3 ,3的意思是免費的更新”Update 3”。
  1. TRX-任務資源管理員Visual Studio 擴充
  2. NMP/NBower包智能感知-搜尋NPM 和Bower包線上版,它直接附加智能感知功能。
  3. 可選的Grunt Launcher(在方案總管上按右鍵選項— — 你會看到” npm install “)

    • 如果你現在沒有這種擴充,那麼你將需要自己運行npm install來還原/添加軟體包
    • 如果你有這種擴充,那麼請在運行grunt/gulp之前,按右鍵 packages.json 和”npm install”

要開啟 TRX (任務資源管理員),只需用滑鼠右鍵單擊您的項目中任何一個 gruntfile.js檔案:

預設情況下,TRX 位於VS的底部,,看起來像這樣:

在這裡,我們看到 gruntfile.js 在該解決方案中的一個或多重專案的根目錄中。它還有任務綁定功能,也就是說任何任務或目標可以由 4 不同 Visual Studio 事件觸發。

要想將一個任務/目標和一個VS事件綁定在一起,只需按右鍵進行綁定設定。

要想運行任何一個任務/目標,只需雙擊它,然後控制台將顯示如下:

當你有了軟體包智能感知擴充功能時,你會發現通過bower 和 npm來直接編輯package.json很容易添加並更新軟體包。

甚至,你也有了非同步填充中繼資料工具提示功能。

現在你可以去測試它了,記住在你用任務資源管理員來運行Grunt任務之前,你需要運行“ npm install” 。

簡介Gulp, Grunt, Bower, 和 Npm 對Visual Studio的支援

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.