हाइलाइटिंग मैं अपने वेब ऐप के लिए फ्रंटएंड को लागू करने के लिए विजुअल स्टूडियो 2015 और vue.js का उपयोग कर रहा हूं।Vue.js, विजुअल स्टूडियो 2015 और .लेस शैलियों वाक्यविन्यास
के रूप में यह जाना जाता है, vue.js काफी विशेष दृष्टिकोण घटकों की घोषणा करने के साथ आता है - प्रत्येक घटक एक भी .vue फ़ाइल में घोषित किया जाना चाहिए, कि सभी आवश्यक कोड (टेम्पलेट, स्क्रिप्ट और शैली) और इस तरह दिखता है:
<template>
<!-- Component template goes here. -->
</template>
<script>
<!-- Component code goes here. -->
</script>
<style>
<!-- Component style goes here. -->
</style>
इस समय एमएसवीएस में .vue फ़ाइलों के लिए कोई आधिकारिक समर्थन नहीं है, इसलिए मैं केवल उन फ़ाइलों को संपादित करने के लिए HTML संपादक का उपयोग करता हूं और यह मेरे लिए ठीक काम करता है।
तो, वापस समस्या के लिए ...
Vue-फ़ाइलें आप स्क्रिप्ट या शैली के लिए आवश्यक भाषा सेट करने (बस script या style टैग करने के लिए lang विशेषता जोड़ सकते हैं और ये रहा) की अनुमति देता है। तो, के रूप में मैं कम उपयोग कर रहा हूँ, मेरी शैली टैग इस तरह दिखता है:
<style lang="less">...</style>
विजुअल स्टूडियो, ज़ाहिर है, विशेष लैंग विशेषता के बारे में कुछ भी नहीं पता है, इसलिए मैं आदेश कम वाक्य रचना हाइलाइटिंग सक्षम करने के लिए कुछ प्रसिद्ध विशेषताओं को जोड़ने और अब शैली टैग इस तरह दिखता है:
<style lang="less" rel="stylesheet/less" type="text/less">...</style>
दुर्भाग्य से दृश्य स्टूडियो कम उपयोग करें और :-(
तो सरल सीएसएस की तरह मेरे कम कोड हाइलाइट करने मेरा इरादा समझ में नहीं आता, मेरे सवाल यह है: कैसे Visu जाने के लिए अल स्टूडियो समझते हैं .लेस शैलियों, जो एचटीएमएल दस्तावेज़ में एम्बेडेड सही है?
पीएस यह इस तरह .vue घटक के किसी भी हिस्से के लिए अलग-अलग फ़ाइलों को संदर्भित करने की अनुमति दी है ...
<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>
... लेकिन मैं वास्तव में एक फ़ाइल के अंदर सब कुछ संग्रहीत करना चाहते हैं।
और, बेशक, मैं दोनों दृश्यपटल और बैकएंड, तो "बस का उपयोग दृश्य स्टूडियो संहिता, SublimeText या WebStorm" की तरह सलाह के लिए एक आईडीई का उपयोग करना चाहते बहुत उपयोगी नहीं है।
एक ही समस्या हो रही के लिए IntelliSense प्रदान करता है दृश्य स्टूडियो के लिए एक vue.js पैक नहीं है! – superlogical
हाय, मैं आपको बहुत समझता हूं, लेकिन, आखिरकार, मैंने अपनी अगली परियोजनाओं के लिए वेबस्टॉर्म का उपयोग करने का निर्णय लिया। सबसे पहले मैं निराश था कि वेबस्टॉर्म में ऐसी ही समस्याएं हैं, लेकिन, कम से कम, यह सुलभ था - यहां इसके बारे में मेरा प्रश्न है: http://stackoverflow.com/questions/35333641/how-to-enable-syntax-highlighting-for- एम्बेडेड-कम-शैलियों में webstorm। कृपया, प्रश्न पढ़ें और सावधानी से जवाब दें और आप एकल फ़ाइल से खुश होंगे। Vue घटक :-) उसमें से अधिक - वेबस्टॉर्म के पास सभी नई ES6 सुविधाओं के साथ बेहतर जेएस समर्थन है और इसी तरह - यदि आप मुझसे पूछें तो मैं दृढ़ता से इसे पुनः प्राप्त करता हूं। –