Интеграция Vue + Vuex + Vue-Router. Встроенная конфигурация webpack, основанная на Koajs для создания фреймворка разработки сервисов, встроенные базовые промежуточные программы. Можно удобно и быстро создать собственное vuex-приложение.
Если ваша среда разработки соответствует требованиям к версии, вы можете установить и запустить проект, выполнив следующие шаги:
$ git clone https://github.com/sokis/vue-vuex-starter-kit.git
$ cd vue-vuex-starter-kit
$ npm install # Установка зависимостей
$ npm start # Компиляция и запуск
Если всё в порядке, вы увидите следующий интерфейс:
Обычно в процессе разработки используется npm start
для запуска проекта. Однако здесь также предоставляются другие сценарии Npm, которые вы можете использовать:
npm run <script> |
Описание |
---|---|
start |
Запускает приложение локального сервиса разработки, HMR также будет работать в этой среде. localhost:3000
|
compile |
Компилирует приложение в каталог dist (по умолчанию в ~/dist ). |
dev |
То же самое, что и npm start
|
dev:mock |
То же, что npm run dev , но загружает промежуточное ПО для имитации |
dev:no-debug |
То же, что и npm run dev , но отключает вывод на консоль |
test |
Выполняет Karma Unit Test и генерирует покрытие кода тестами |
test:dev |
То же, что и npm run test , но включает мониторинг кода. И не генерирует покрытие кода тестами |
deploy |
Выполняет тестирование и генерирует скомпилированный код |
deploy:dev |
То же, что и deploy, но переменная окружения NODE_ENV установлена в "development" |
deploy:prod |
То же, что и deploy, но переменная окружения NODE_ENV установлена в "production" |
lint |
Проверяет все файлы .js
|
lint:fix |
Проверяет и исправляет все файлы .js Подробнее об этом
|
.
├── config # vuex-cli-webpack конфигурационные файлы
├── src # Исходный код
└── tests # Модульные тесты
Каталог src
:
src
├── components # Общие компоненты
├── containers
├── layouts # Здесь определяются компоненты каркаса страницы
│ └── CoreLayout
├── routes # Конфигурация маршрутов и подмаршрутов
│ └── routes
├── static
├── styles
└── store
├── constants
└── plugins
В каталоге routes
добавьте каталог modules для хранения файлов модулей vuex:
src/routes
├── Counter
│ ├── components
│ └── modules
├── Home
│ ├── assets
│ └── components
└── User
├── components
└── routes
└── Login
├── components
└── modules
Этот проект можно быстро создать с помощью vuex-cli
.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )