2014-10-23 23 views
19

Tôi đang cố gắng sử dụng bower bên trong Visual Studio 2013.Làm thế nào để sử dụng Bower (cài đặt từ nuget) trong Visual Studio?

Trước tiên, tôi đã cài đặt bower (không phải bower.js) qua nuget's Package Manager Console.

Sau đó, tôi nghĩ rằng tôi chỉ đơn giản là có thể gõ

PM> Chòi chơi cho init

bên trong PMC để tạo ra bower.json.

Nhưng sau đó nó đã cho tôi lỗi này.

Chòi chơi: Thuật ngữ 'Chòi chơi' không được công nhận ...

PS. Đường dẫn của PM> trỏ đến C:\MyWebProject\MyWebProject\.bin.

Tôi đang thiếu gì ở đây ??

Trả lời

14
  1. Mở command prompt
  2. Navigate to thư mục dự án web
  3. Run Chòi chơi cho init
  4. Bạn nên có bower.json tạo bằng cách trả lời tất cả các câu trả lời trên dấu nhắc cmd.
+1

Xin cảm ơn! Điều này đã làm việc! Tôi cho rằng tôi có thể sử dụng PMC để mọi thứ sẽ được tự động thêm vào. Có vẻ như tôi phải sử dụng dấu nhắc lệnh và tự thêm các thư mục đã tải xuống vào dự án. Nhưng đó là OK. Oh btw bạn dường như đã đăng hai câu trả lời. Chỉ cần bạn biết rằng bạn chỉ có thể chỉnh sửa câu trả lời ban đầu của mình thay vì tạo câu trả lời khác! :) Tôi sẽ gắn cờ nó chỉ để thông báo cho ppl để thoát khỏi nó. Chúc mừng! –

+2

Chỉ cần ghi chú cho người khác. Để có thể chạy 'bower init' trong dấu nhắc lệnh (tôi sử dụng PowerShell), tôi cũng phải làm vậy.1) cài đặt NodeJS trên Windows (không chắc chắn nếu Git là cần thiết quá, tôi đã có mà được cài đặt trên Windows) 2) chạy "npm install -g bower" trong dấu nhắc lệnh. Liên kết này hữu ích: http://www.baconapplications.com/running-bower-grunt-in-visual-studio-2013/ – Andrew

+1

3) 'bower init' có thể được chạy ngay bây giờ trong thư mục dự án web của bạn, và sau đó là người cung cấp .json tập tin được tạo ra 5) kéo bowjer.json vào dự án VS của bạn. 6) Bây giờ tôi đã chỉnh sửa bower.json trong VS bằng cách sử dụng trợ giúp của Package Intellisense được đề cập bên dưới. 5) Nhấp chuột phải bower.json trong VS, sẽ có tùy chọn 'Gói cài đặt Bower' trong trình đơn ngữ cảnh (không chắc chắn Grunt Launcher có cần thiết cho việc này) hay không, sẽ tải xuống tất cả các gói trong bower.json. 6) kéo và thả thư mục bower_components được tạo vào dự án VS của bạn – Andrew

8

Srinivas accurately described các bước cần thiết để giúp bạn bắt đầu với một bower.json trong thư mục gốc, là nơi bạn muốn bắt đầu. Bây giờ bạn có hai nhiệm vụ chính:

  1. Define phụ thuộc - sử dụng Package Intellisense.
  2. Cài đặt các phụ thuộc - sử dụng Grunt Launcher. Chúng sẽ được cài đặt vào thư mục bower_components.
  3. Phụ thuộc tham chiếu - chỉ cần thêm chúng vào dự án của bạn (as links).

Để biết thêm thông tin, xem Introducing Gulp, Grunt, Bower, and npm support for Visual Studio.

Lưu ý rằng Visual Studio 2015 (hiện đang xem trước) đã tích hợp sẵn, hỗ trợ hạng nhất cho tất cả các bên trên: Manage Client-Side Web Development in Visual Studio 2015, Using Grunt and Bower.

+0

Cảm ơn! Điều này cũng rất hữu ích. –

+0

Bạn đã hiểu! Tôi mất một lúc để tìm ra quy trình làm việc và tôi không thấy nó được viết ra ở bất cứ đâu. –

+0

Giả sử tôi bắt đầu sử dụng các gói Bower theo cách này trong Visual Studio 2013. Nếu tôi chuyển sang Visual Studio 2015 sau khi được phát hành, nó có nhận ra và xử lý đúng các gói Bower đã cài đặt của tôi không? – Andrew

Các vấn đề liên quan