Używam Visual Studio 2015 i vue.js do implementacji frontendu dla mojej aplikacji internetowej.Vue.js, Visual Studio 2015 i .less style podkreślanie składni
Jak wiadomo, vue.js pochodzi z dość szczególnym podejściem do deklarowania składniki - każdy element powinien być zadeklarowany w pojedynczym pliku .vue
, który zawiera wszystkie wymagane (kod szablonu, scenariusz i stylu) i wygląda następująco:
<template>
<!-- Component template goes here. -->
</template>
<script>
<!-- Component code goes here. -->
</script>
<style>
<!-- Component style goes here. -->
</style>
Obecnie nie ma oficjalnego wsparcia dla plików .vue w MSVS, więc używam edytora HTML do edycji tych plików i działa to dobrze dla mnie.
Wróćmy do problemu ...
Vue-files pozwala ustawić żądany język skryptu lub stylu (wystarczy dodać atrybut lang
script
lub style
tagów a tu go). Tak, jak używam mniej, mój tag styl wygląda następująco:
<style lang="less">...</style>
Visual Studio, oczywiście, nic nie wiedzą o specjalnym atrybutem lang, więc dodam kilka dobrze znanych atrybutów w celu umożliwienia mniej podświetlanie składni tag styl i teraz wygląda tak:
<style lang="less" rel="stylesheet/less" type="text/less">...</style>
Niestety Visual Studio nie rozumieją mój zamiar użyć mniej i podkreślenie moje mniej kodu podobnego prostego css :-(
Więc moje pytanie brzmi: jak pozwolić Visu al Studio rozumie. style bezużyteczne, które są osadzone w dokumencie HTML?
P.S. Dopuszcza się odwoływać oddzielne pliki dla każdej części składowej .vue jak ten ...
<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>
... ale naprawdę chcę przechowywać wszystko wewnątrz pojedynczego pliku.
I, oczywiście, chcę używać pojedynczego IDE zarówno dla frontendu, jak i backendu, więc porady takie jak "po prostu używaj kodu Visual Studio Code, SublimeText lub WebStorm" nie są zbyt użyteczne.
Mając ten sam problem! – superlogical
Witam, rozumiem cię bardzo, ale ostatecznie postanowiłem użyć WebStorm do moich projektów frontendowych. Najpierw byłem sfrustrowany, że WebStorm ma podobne problemy, ale przynajmniej można go rozwiązać - oto moje pytanie na ten temat: http://stackoverflow.com/questions/35333641/how-to-enable-syntax-highlighting-for- wbudowane-mniej-style-w-burzy internetowej. Przeczytaj uważnie pytania i odpowiedzi, a będziesz zadowolony z pojedynczych plików .vue :-) Co więcej - WebStorm ma lepszą obsługę JS ze wszystkimi nowymi funkcjami ES6 itd. - gorąco polecam, jeśli mnie zapytasz. –