Некоторые разработчики, особенно младшие разработчики, не решаются выбрать, какой стартовый набор они хотят использовать. Их беспокоит структура приложения, и у них есть много примеров в Интернете. Это непросто понять, потому что перед запуском всего приложения необходимо выполнить большую настройку.
После непрерывного чтения сомнения исчезнут ...
Краткое введение в использование инструментов:
.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
Запуск приложения:
- Командная строка сервера:
- 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/