Book Image

Hands-On Full-Stack Web Development with ASP.NET Core

By : Tamir Dresher, Amir Zuker, Shay Friedman
Book Image

Hands-On Full-Stack Web Development with ASP.NET Core

By: Tamir Dresher, Amir Zuker, Shay Friedman

Overview of this book

Today, full-stack development is the name of the game. Developers who can build complete solutions, including both backend and frontend products, are in great demand in the industry, hence being able to do so a desirable skill. However, embarking on the path to becoming a modern full-stack developer can be overwhelmingly difficult, so the key purpose of this book is to simplify and ease the process. This comprehensive guide will take you through the journey of becoming a full-stack developer in the realm of the web and .NET. It begins by implementing data-oriented RESTful APIs, leveraging ASP.NET Core and Entity Framework. Afterward, it describes the web development field, including its history and future horizons. Then, you’ll build webbased Single-Page Applications (SPAs) by learning about numerous popular technologies, namely TypeScript, Angular, React, and Vue. After that, you’ll learn about additional related concerns involving deployment, hosting, and monitoring by leveraging the cloud; specifically, Azure. By the end of this book, you’ll be able to build, deploy, and monitor cloud-based, data-oriented, RESTful APIs, as well as modern web apps, using the most popular frameworks and technologies.
Table of Contents (22 chapters)
Title Page
PacktPub.com
Contributors
Preface
Index

Vue CLI


Like Angular CLI and create-react-app covered in previous chapters, Vue also brings a CLI that you can use to create and manage your project. It is called Vue CLI. While it is not yet a key ingredient to make Vue a complete platform like Angular's, it is still quite rich compared to create-react-app for example.

Next, install Vue CLI and create the Everyday Market project by following the next steps:

  1. Open the terminal or command prompt and install Vue CLI by executing the following code:
npm install -g @vue/cli
  1. Create the app project by executing the following code:
 vue create everyday-market-vue

By executing the preceding command, Vue CLI creates the folder with a specified name and scaffolds the entire project using its default options, in addition to installing the required dependencies.

Note

Vue CLI is quite extensive. You can use the --help flag along with every command to inspect the supported options and different possibilities.

You can now open the folder in your editor. So, let...