2010-02-27 51 views
21

一個文件,我基於對菲爾的解決方案.less打開Visual Studio中的CSS源代碼編輯器

一個壞事使用Phil Haack's T4CSS T4 template是,Visual Studio中打開該文件.LESS爲純文本文件,而不是CSS文件。 (因此沒有intellisense。)

我怎樣才能讓VS在CSS源代碼編輯器中打開一個.less文件?

我已經試過:

  1. 右鍵點擊>打開方式,但CSS源代碼編輯器未列出。
  2. 工具>選項>文本編輯器>文件擴展名,但是再次沒有列出CSS源代碼編輯器。

可以這樣做嗎?

回答

13

Midscape's Web Workbench的Visual Studio擴展增加了對.LESS文件,包括語法高亮和智能感知支持。它還增加了對SASS和CoffeeScript的支持。

+8

經過一個星期左右的使用,我已經卸載它,因爲: (a)惱人的嘮叨廣告告訴你升級和(b)一個奇怪的錯誤,阻止了我能夠間歇性地保存我的.less文件 – 2012-03-07 17:34:12

+0

類似於@Hainesy我卸載它,因爲我發現它非常笨重。 – 2012-07-05 16:06:45

26

我剛剛發佈了一個擴展,你可以download it from the Visual Studio Gallery

的關鍵擴展是.pkgdef文件:

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

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

注意,這個擴充沒有做任何事情來幫助CSS語言服務支持少;例如,嵌套規則根本不能很好地工作(它會使CSS語言服務混淆)。

+0

有什麼辦法讓CSS驗證引擎進行無文件? – 2010-05-25 23:02:16

+0

@Chris Tools-> Options-> Text editor-> CSS-> Miscellaneous-> untick'Detect errors'可能會訣竅。 – 2010-08-28 14:17:32

+2

獲取VS2008兼容版本的任何方法? – Diego 2010-09-17 18:09:14

7

如果您使用的是dotless.Compiler.exe工具(而不是http處理程序),則無需說明您的文件必須以.less結尾。我用.css命名我的無後綴文件的後綴,以便Visual Studio將它們視爲css文件。例如。我的命名規則是:

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

我跑帶點編譯器的生成後事件,例如

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