title: Vue.js, Visual Studio 2015 and .less styles syntax highlighting
body: <p>I am using Visual Studio 2015 and vue.js to implement frontend for my web app.</p>
  
  <p>As it known, vue.js comes with quite special approach to declare components - each component should be declared in a single <code>.vue</code> file, that contains all required code (template, script and style) and looks like this:</p>
  
  <pre><code>&lt;template&gt;
      &lt;!-- Component template goes here. --&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      &lt;!-- Component code goes here. --&gt;
  &lt;/script&gt;
  
  &lt;style&gt;
      &lt;!-- Component style goes here. --&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>There is no official support for .vue files in MSVS at the moment, so I just use HTML editor to edit that files and it works fine for me.</p>
  
  <p>So, back to the problem...</p>
  
  <p>Vue-files allows you to set required language for script or style (just add <code>lang</code> attribute to <code>script</code> or <code>style</code> tags and here you go). So, as I am using less, my style tag looks like this:</p>
  
  <pre><code>&lt;style lang="less"&gt;...&lt;/style&gt;
  </code></pre>
  
  <p>Visual Studio, of course, know nothing about special lang attribute, so I add some well-known attributes in order to enable less syntax highlighting and now style tag looks like this:</p>
  
  <pre><code>&lt;style lang="less" rel="stylesheet/less" type="text/less"&gt;...&lt;/style&gt;
  </code></pre>
  
  <p>Unfortunately Visual Studio don't understand my intention to use less and highlight my less code like simple css :-(</p>
  
  <p><strong>So, my question is:</strong> how to let Visual Studio understand .less styles, that embedded right into html document?</p>
  
  <hr>
  
  <p><em>P.S. It is allowed to reference separate files for any part of .vue component like this...</em></p>
  
  <pre><code>&lt;template src="./template.html"&gt;&lt;/template&gt;
  &lt;style src="./style.css"&gt;&lt;/style&gt;
  &lt;script src="./script.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><em>...but I really want to store everything inside single file.</em></p>
  
  <p><em>And, of course, I want to use single IDE for both frontend and backend, so advice like "just use Visual Studio Code, SublimeText or WebStorm" is not very useful.</em></p>