2012-02-24 21 views
6

Tôi thực sự muốn chuyển sang bộ tiền xử lý CSS như Sass hoặc LESS nhưng tôi quá quen với thiết lập hiện tại của mình và chưa thấy bất kỳ giải pháp nào tồn tại đối với tôi. Có cái gì không?Chỉnh sửa trực tiếp (CSSEdit giống) Sass/LESS không có CMD-S?

Tôi hiện đang sử dụng CSSEdit trên máy Mac là trình chỉnh sửa CSS trực tiếp. Mỗi khi mọi người nói về điều này, họ dường như nghĩ "sống" nghĩa là trang tải lại mỗi lần bạn lưu tệp. Đây không phải là ý tôi. Nếu tôi gõ một số CSS trong CSSEdit thì các thay đổi được hiển thị dưới dạng I-type, mà không phải lưu tệp. Đây là một tiết kiệm thời gian như vậy, đặc biệt là nếu bạn đang sử dụng thử và sai để quyết định ví dụ. bao nhiêu phần đệm để đặt trên một phần tử hoặc thử các màu khác nhau.

Vì vậy, tất cả các Sass hoặc tùy chọn LESS dường như, viết Sass/LESS, nhấn CMD + S, trang web load lại và bạn thấy các thay đổi của bạn. Điều này không đủ tốt cho tôi. Tôi có thể làm gì không? Để làm phức tạp hơn nữa, CSSEdit hiện đã bị nhà phát triển bỏ qua ủng hộ Espresso mà tôi chưa chuyển sang vì nó vẫn còn thiếu một số tính năng mà tôi phụ thuộc (tùy chỉnh định dạng mã cho một) .

+0

Tôi thường chỉnh sửa CSS của mình trong Trình kiểm tra Chrome để nhận phản hồi về những gì tôi đang thực hiện với DOM trực tiếp, sau đó thực hiện thay đổi vào tệp CSS hoặc tệp SCSS của tôi mà tôi sẽ biên dịch với la bàn –

+0

Bạn muốn . Không lưu các tệp scss. http://usetakana.com – fontophilic

Trả lời

1

LiveReload để giải thoát!

Tôi không nghĩ bạn sẽ tìm thấy giải pháp không yêu cầu bạn lưu tệp.

+0

Tôi đã sử dụng LiveReload trong một thời gian dài, tôi nên quay lại và chỉnh sửa câu hỏi này! Một ngọn hải đăng của ánh sáng không cần phải nhấn lưu là http://livestyle.emmet.io/ - chúng dường như đang làm việc trên hỗ trợ LESS/SASS. – Shaun

1

Hỗ trợ cú pháp LESS trong các trình chỉnh sửa khác nhau vẫn không rộng, vì vậy sẽ mất nhiều thời gian trước khi chức năng phức tạp như vậy tồn tại. Nó có thể yêu cầu trình soạn thảo biên dịch trên mọi thay đổi trong tệp và điều này sẽ không hiệu quả khi biên dịch khi bạn nhập một chữ cái ... vì vậy có lẽ nó sẽ phải biên dịch khi có cú pháp hợp lệ (được biên dịch). mà không có lỗi) ... có thể không làm cho nó "sống". Nó có thể được biên dịch sang CSS hoặc sử dụng less.js, có lẽ sau này có thể phù hợp với mục đích này tốt hơn (không cần phải sử dụng phần mềm bên ngoài). Đi đến số Sublime Text plugin development và có thể viết plugin như vậy? :) Sublime Text là trình soạn thảo tốt nhất mà tôi đã sử dụng, cũng vì tính linh hoạt của nó khi nói đến các plugin. Vì vậy, có thể?

Nếu không, bạn phải tiếp tục sử dụng CSSEdit và chỉnh sửa CSS trực tiếp như bạn đã mô tả và sau đó chỉ cần sao chép mã đã thay đổi sang tệp LESS - nhớ rằng bất kỳ CSS nào hợp lệ LESS. Tôi cũng làm như vậy trong Safari/Chrome Inspector hoặc Firebug, sau đó áp dụng các thay đổi trong các tệp .less. Không lý tưởng nhưng việc ..

+1

Tôi sẽ vội vã ra ngoài và mua giấy phép cho bất kỳ phần mềm nào thực hiện những gì tôi cần, nhưng tôi không có kỹ năng làm plugin một cách không may. Nếu có ai đó làm một plugin, tôi sẽ rất vui khi được tặng. – Shaun

+0

@Shaun, bạn có thể thử liên lạc với anh chàng này http://wbond.net/sublime_packages - anh ấy viết cả plugin trả tiền và miễn phí, có thể anh ấy có thể làm điều đó? Nhưng mặt khác, tôi không chắc chắn đây là giá trị nỗ lực, hầu hết mọi người (bao gồm cả tôi) sống mà không có chức năng bạn đang nói về - đó là một vấn đề nhận thức, giống như trong Ma trận;) – bzx

+1

Có vẻ như một plugin cho Sublime Text và Live Reload để thực hiện điều này đang được phát triển: https://twitter.com/#!/livereload/status/173096350756511745 – Shaun

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