Installing Lite Server
In this lesson, we're going to add lite server to our project
Get the project source code below, and follow along with the lesson material.
Download Project Source CodeTo set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.
This lesson preview is part of the The newline Guide to Fullstack ASP.NET Core and React course and can be unlocked immediately with a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to The newline Guide to Fullstack ASP.NET Core and React with a single-time purchase.
[00:00 - 00:17] Now that you got brief understanding of TypeScript, let's set up our environment in an organized manner. Inside our terminal, let's use npm init -y to initialize our project.
[00:18 - 00:40] By doing this, we will get a package.json file in our project, which will help us manage the third party libraries. Let's get rid of scripts.ts files, both JavaScript and TypeScript.
[00:41 - 00:56] Let's delete the body. Inside the SRC tag, let's rename the file name to app.js.
[00:57 - 01:12] We don't have it, so let's create it. We will create app.ts file, which will compile to JavaScript by creating an app .js file.
[01:13 - 01:20] Another thing we want is to install light server. Inside our terminal, let's type npm 1 sec.
[01:21 - 02:04] npm install save dev light server. This package will be shown inside our package.json file like that, and also create a node modules inside our project. Let's create another script inside our package.json file, and let's call it start.
[02:05 - 02:22] Inside let's write light server. Now if we write script npm start, it will start a server in localhost 3000.
[02:23 - 02:29] It will look for changes and show it in the real time. Right now we see nothing, so let's start working on it from the next lesson.