vue boilerplate typescript

Vue.js boilerplate, typescript, vuex, vue-router, element-ui, i18n, axios, шрифт

TypeScript Cowerplate для Vue.js с Vue Cli 3.x, который использует:

• Vuex
• Vue-Router
• Элемент-Уи
• i18n
• Аксиос
• Шрифт потрясающий
• ...

Требования

• Node.js (npm)

Установка

1. Установите Vue Cli 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. Установите зависимости

    npm install
   # OR
   yarn install
   

Архитектура

Так я лично структурирую проекты vue.js. Не стесняйтесь модифицировать его, чтобы соответствовать вашим потребностям.

• ? assets : содержит все активы, такие как изображения или звуковые файлы.
• ? components : содержит все компоненты Vue .
• ? layouts : содержит все Vue -layouts, которые могут быть установлены в vue-router .
• ? models : содержит все модели, необходимые для бизнес -логики.
• ? requests : содержит все запросы, необходимые для общения с API.
• ? rules : содержит все правила валидации многократного использования.
• ? services : содержит все услуги, которые выполняют веб-запросы.
• ? store : содержит все модули, которые используются vuex -Store.
• ? style : содержит все таблицы стилей.
• ? translations : содержит все переводы в виде файлов .ts .
• ? views : содержит все представления, которые используются в vue-router .

Команды

Компиляции и горячие нагрузки для разработки

 npm run serve
# OR
yarn run serve

Компилируется и минифирует для производства

 npm run build
# OR
yarn run build

Линты и исправляют файлы

 npm run lint
# OR
yarn run lint

Настроить конфигурацию

См. Ссылка на конфигурацию.