vite-element Инструмент для быстрого создания кода проектов vite и elementUI.
источник
Когда я разрабатываю проекты Vue, я часто пишу повторяющийся код. Например, импортировать ElementUI и vue-router и дважды инкапсулировать аксиомы, и даже нужно использовать некоторую проверку при написании формы.
Поэтому мне было интересно, могу ли я написать инструмент, который может быстро создать проект, содержащий эти коды, выполнив серию команд в командной строке после установки npm, поэтому есть vite- элемент .
шаблон
Этот инструмент необходимо установить перед использованием git
, потому что он будет извлекать код из моего репозитория Github. Таким образом, если вы хотите изменить сгенерированный код в будущем, вам нужно будет только обновить репозиторий шаблонов, не обновляя сам инструмент vite-element .
В дополнение к кодам, генерируемым vite по умолчанию, этот шаблон также представляет vue-router и ElementUI и реализует простую инкапсуляцию axios. Для получения подробной информации см. складскую документацию.
использовать
Сначала укажите адрес склада npm: vite-element — npm (npmjs.com)
Подробная конфигурация была объяснена в ней, эта статья знакомит только с базовой установкой и использованием.
Инструмент очень прост и может быстро создать проект всего за два шага.
Первый – установка. Выполните следующую команду, чтобы установить vite-element глобально
npm install -g vite-element
Затем выполните команду создания проекта, убедитесь, что git установлен перед выполнением этой команды.
vite-element create ProgramName
Во время этого процесса вам будет предложено использовать зеркальное отображение, настроить package.json
файлы для создания шаблонов и установить зависимости, необходимые для проекта.
Если вы выберете «Нет», последние два действия можно будет выполнить вручную после создания проекта:
- Введите каталог для установки зависимостей
cd ProgramName
npm install
package.json
Редактируйте информацию, относящуюся к проекту (например, ключевые слова, лицензии и т. д.), прямо на
vite-element工具的Github仓库:CairBin/Vite-Element: этот инструмент должен помочь вам начать разработку с vue 3, elementUI, vue-router и axios в Vite. (github.com)
другой
Кроме того, у меня также есть инструмент с открытым исходным кодом для создания скаффолдинга. Вы можете использовать его для создания собственного простого генератора кода. Вам нужно только предоставить репозиторий шаблонов, репозиторий npm и его зеркальный URL, а затем опубликовать в npm.
CairBin/ScaffoldMaker: инструмент для создания каркасов (github.com).