Некоторые разработчики, особенно младшие разработчики, не решаются выбрать, какой стартовый набор они хотят использовать. Их беспокоит структура приложения, и у них есть много примеров в Интернете. Это непросто понять, потому что перед запуском всего приложения необходимо выполнить большую настройку.

После непрерывного чтения сомнения исчезнут ...

Краткое введение в использование инструментов:

.NET Core: представляет собой кроссплатформенную, высокопроизводительную среду с открытым исходным кодом для создания современных облачных приложений, подключенных к Интернету.

VueJS: прогрессивный фреймворк Javascript, который является доступным, универсальным и производительным, разработанный Эваном Ю.

VueX: шаблон управления состоянием + библиотека для приложений VueJS. Он служит централизованным хранилищем для всех компонентов в приложении с правилами, гарантирующими, что состояние может изменяться только предсказуемым образом.

VueRouter: официальный маршрутизатор для VueJS. Он глубоко интегрирован с ядром VueJS, что упрощает создание SPA (одностраничного приложения) с VueJS.

Введение в стартовый комплект:

Несвязанный и легкий шаблон начального набора для ASP.NET core 2.2 и VueJS 2.6.

Включает настраиваемый валидатор свойств на стороне сервера, независимое управление состоянием для Vuex Webpack (горячая замена модуля).

Функции

  • ASP.NET Core 2.2
  • Веб-API
  • Номер валидатора настраиваемого свойства строка логический объект datetime
  • Пользовательская маршрутизация api и исключение
  • Пользовательский результат ошибки проверки
  • Конфигурация службы аутентификации JWT
  • VueJS 2
  • Модульное управление состоянием Vuex, магазин
  • Webpack (горячая замена модуля)
  • Boostrap 4

Требования

  • .NET Core 2.2.
  • VSCode
  • NodeJS V11

Запуск приложения:

  1. Командная строка сервера:
  • dotnet run или dotnet watch run.

2. Командная строка клиента:

  • npm install для установки зависимостей (один раз), npm run служит для запуска приложения.

Начнем!

Шаг 1. Откройте ссылку https://github.com/Ethan0007/aspnetcore-vue-starterkit

- Загрузите проект, нажав кнопку «Клонировать» или «Загрузить», (image1)

Шаг 2: Откройте загруженный путь.

- Вы увидите, что для клиента и сервера есть отдельные папки.

Шаг 3: Откройте путь к папке клиента к вашему терминалу и введите команду (npm install).

-Затем введите команду (npm run serve) для запуска клиента на локальном хосте. (Изображение2)

- И вам хорошо пойти на настройку клиента.

Шаг 4: Откройте / перетащите проект в VSCode (image3).

- Путь на стороне сервера автоматически разрешит зависимости.

- Настройка будет хороша.

Ищете работу? Зарегистрируйтесь на @ jobbhy и будьте в курсе!
https://jobbhy.com

Хотите разместить вакансию в качестве работодателя? Свяжитесь с нами и станьте одним из нас!
https://www.jobbhy.com/#/contactus

Linkedin: https://www.linkedin.com/in/joever-monceda-55242779/

Twitter: https://twitter.com/_EthanHunt07

Facebook: https://m.facebook.com/groups/215192935559397?view=permalink&id=688430418235644

Axios Refresh Token ( простой и понятный перехватчик запросов.)
https://www.npmjs.com/package/axios-jwtoken-refresher

Ищу асинхронную модульную микросхему Reser https://github.com/rhaldkhein/reser

автор: RhaldKhein https://github.com/rhaldkhein/