IDE cho HTML/CSS/Java Script w/Cổng xem trực tiếp

Question

Tôi đã tìm kiếm xung quanh. Đây có lẽ là một sắc thái hơn bất cứ điều gì. Khi tôi làm jQuery hoặc công việc giao diện người dùng khác, tôi thích nhìn thấy những thay đổi của mình ngay lập tức. Adobe Dreamweavers xem trực tiếp cổng hiện này, không phải là rất tốt, nhưng nó hiện nó. Kompozer có một cổng nhìn nhưng không trực tiếp và không có JS hoặc các hành động. Có ai biết của một IDE ra có bên cạnh DW có tính năng này? Linux được ưa thích nhưng muốn biết bất cứ điều gì.

Là một lưu ý quan tâm tôi gần đây đã phát hiện ra Wakanda http://wakanda.org

Answer 1

Stylizer là một ứng dụng tốt đẹp cho phiên bản live CSS.

Answer 2

Nó có thể không chính xác những gì bạn đang tìm kiếm (không hỗ trợ javascript), nhưng dabblet là một công cụ tuyệt vời để viết html + css và xem bản xem trước trực tiếp khi bạn nhập trong trình duyệt.

dabblet live editor

Answer 3

Tôi đã được thời gian gần đây thích ấn tượng bởi chữ Sublime 2. Sau khi thử nhiều của IDE nó là một trong đó gây ấn tượng cho tôi nhất.

Tôi đã xem hướng dẫn của Paul Irish về quy trình phát triển Web cho năm 2013 (video chỉ một phần có liên quan), nơi anh mô tả plugin mà anh sử dụng để tránh phải nhấn F5 để làm mới trình duyệt. Thay vào đó nó được cập nhật mỗi khi anh ta lưu một tập tin.

Nội dung tuyệt vời 2 đã trở nên phổ biến và hiểu biết của tôi là nó sẽ hoạt động rất tốt trong Linux. Plugin được gọi là LiveReload ($ 10).

Nó sẽ yêu cầu nghiên cứu, nhưng có khả năng cũng đáng giá. Link

Answer 4

Tôi biết bài đăng này đã hơn một tuổi, nhưng tôi nghĩ tôi sẽ bỏ qua điều này nếu bạn quan tâm. Adobe hiện đang phát triển một sản phẩm có thể phù hợp với những gì bạn đang tìm kiếm. Nếu bạn có đám mây sáng tạo, có bản xem trước của chương trình. Nó được gọi là Edge Code trong đám mây sáng tạo, nhưng nó đang được phát triển như một trình soạn thảo mã độc lập, mã nguồn mở độc lập, nền tảng. Tôi không chắc tại sao, nhưng bên ngoài đám mây sáng tạo, nó được gọi là Chân đế. Nó không thực hiện chế độ xem trực tiếp trong chính chương trình, nhưng nó tự động mở tài liệu trong Chrome và cập nhật khi bạn thực hiện thay đổi. Điều thực sự thú vị là bản thân chương trình được viết bằng html, css và JS, do đó bạn có thể dễ dàng tùy chỉnh theo ý thích của mình. Nó hiện đang ở phiên bản beta và có thể được tải xuống tại

Answer 5

Tôi đã tự tạo open source sân chơi mã hóa của riêng mình được gọi là kodeWeave (giúp tiết kiệm và truy xuất số dệt của bạn dưới dạng Github Gist). Nó có sẵn cho Windows, Linux, Mac OS X, Android và trực tuyến (tôi cũng có kế hoạch phát hành nó cho iOS và Windows Phone).

Một số sân chơi mã hóa tốt khác để tryout là CodePen, CSSDeck, Plunker, JSBin, jsFiddle, Liveweave.

Ngoài ra còn có Brackets là dự án mã nguồn mở được tạo bởi Adobe (Về cơ bản, phiên bản mã nguồn mở là Edge Code). Những điều tốt đẹp về Brackets là nó chạy ra khỏi máy chủ riêng của nó tại địa phương trên thiết bị của bạn vì vậy nếu bạn đang sử dụng một thư viện như JSZip nó hoạt động ngay lập tức.Ngoài ra, bất cứ khi nào bạn lưu thay đổi được thực hiện trong một tệp trong Brackets, ứng dụng của bạn sẽ tải lại trong Trình gỡ lỗi của Chrome (được khởi chạy từ Brackets) Vì vậy việc gỡ lỗi rất nhanh chóng và dễ dàng, chưa kể có nhiều plugin được thực hiện để tăng năng suất. Nó thực sự to lớn!

Ngoài ra còn có các Cloud9IDE.

tôi chắc chắn rằng bạn đã biết điều này, nhưng các công cụ nhà phát triển Chrome có khả năng này là tốt.