mở một tập tin trong CSS Visual Studio của Source Editor

Question

Tôi đang sử dụng Phil Haack's T4CSS T4 template dựa trên .less

Một điều xấu về giải pháp Phil là visual studio mở các tập tin .less dưới dạng file văn bản đơn giản hơn là các file css. (Do đó không có sự quan tâm.)

Làm cách nào để tôi có thể mở một tệp .less trong Trình chỉnh sửa nguồn CSS?

Tôi đã thử:

1. Right Click> Open With, nhưng CSS Source Editor không được liệt kê.
2. Công cụ> Tùy chọn> Trình chỉnh sửa văn bản> Tiện ích tệp, nhưng một lần nữa, Trình chỉnh sửa nguồn CSS không được liệt kê.

Việc này có thể thực hiện được không?

Answer 1

Midscape's Web Workbench Visual Studio mở rộng thêm hỗ trợ cho các tập tin .less, bao gồm cả làm nổi bật cú pháp và Intellisense. Nó cũng thêm hỗ trợ cho SASS và CoffeeScript.

Answer 2

Tôi vừa đăng tiện ích mở rộng thực hiện việc này; bạn có thể download it from the Visual Studio Gallery.

Chìa khóa để mở rộng là .pkgdef file:

[$RootKey$\Languages\File Extensions\.less] 
@="{A764E898-518D-11d2-9A89-00C04F79EFC3}" 

[$RootKey$\Editors\{A764E89A-518D-11d2-9A89-00C04F79EFC3}\Extensions] 
"less"=dword:00000028 

Lưu ý rằng tiện ích này không làm bất cứ điều gì để giúp các dịch vụ hỗ trợ ngôn ngữ CSS Ít; các quy tắc lồng nhau, ví dụ, không hoạt động tốt chút nào (nó làm rối loạn dịch vụ ngôn ngữ CSS).

Answer 3

Nếu bạn đang sử dụng công cụ dotless.Compiler.exe (trái ngược với trình xử lý http), không có gì để nói tệp của bạn phải kết thúc bằng .less. Tôi tên hậu tố của tôi tập tin .less của tôi với .css để Visual Studio đối xử với họ như các tập tin css. Ví dụ. quy ước đặt tên của tôi là:

/css/common.less.css ==> /css/common.css

tôi chạy trình biên dịch dotLess như một sự kiện sau xây dựng, ví dụ

$(SolutionDir)\packages\dotless.1.1.0\Tools\dotless.Compiler.exe "$(ProjectDir)\css\common.less.css" "$(ProjectDir)\css\common.css" 

Answer 4

How to turn on Visual Studio 2010 .css Intellisense on .less file