При разработке для Vue в Windows вы можете кое-что сделать, чтобы ускорить рабочий процесс. Я собираюсь обрисовать одну из них ниже.
Одна из вещей, которые мы можем сделать, чтобы ускорить наш рабочий процесс, - это создать ярлык в нашем контекстном меню «Новый файл» для создания компонентов Vue. При использовании этого ярлыка контекстного меню создается файл компонента .vue со следующей структурой:
<template> </template> <script> export default { name: '', components: { }, props: { }, watch: { }, methods: { }, computed: { }, data () { return { } }, mounted () { }, detroyed () { } } </script> <style lang="scss"> </style>
Эту файловую структуру можно изменить. Вы можете удалить «scoped» на теге стиля или настроить язык по умолчанию по мере необходимости, однако, поскольку SCSS является наиболее распространенным и что я использую, я установил свой SCSS.
Первое, что нам нужно сделать, это добавить шаблон в нашу файловую систему. Шаблоны для новых файлов находятся в %SYSTEM_DRIVE%/Windows/ShellNew
.
Если указанная выше папка отсутствует, просто создайте ее.
Оказавшись внутри этой папки, создайте файл с именем «Vue.vue». Это будет наш файл шаблона, поэтому вы можете скопировать и вставить приведенный выше код или поместить сюда свой собственный код по умолчанию.
Как только это будет сделано, нам нужно добавить этот шаблон в наше контекстное меню. Перед тем как это сделать, убедитесь, что файлы «.vue» имеют программу по умолчанию для открытия, иначе ссылка в контекстном меню не будет видна.
Чтобы добавить нашу ссылку в контекстное меню, создайте временный файл с именем «vue-context-shortcut.reg». Внутри этого файла поместите следующее:
Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\.vue] @=”vue_auto_file” [HKEY_CLASSES_ROOT\.vue\ShellNew] “FileName”=”VueComponent.vue” [HKEY_CLASSES_ROOT\vue_auto_file] @=”Vue Component”
Сохраните и запустите файл, разрешив отображение любых административных запросов. После того, как вы запустили файл, можете удалить его, так как он больше не нужен.
Теперь, предполагая, что вы следовали этим инструкциям, теперь у вас должен быть «Vue Component» в вашем контекстном меню «New» в Windows. Как я упоминал ранее, убедитесь, что у вас есть программа по умолчанию, связанная с файлами «.vue», иначе пункт контекстного меню не будет отображаться.