Create Vue.js Application with TypeScript
In this article, we are going to see how to create our first Vue.js application with Typescript.
In First step or prerequisites you must have Node js installed in your system. To check this open command prompt in your system and type following command.
|
1 |
node -v |
It will display your node.js version, which is installed in your system. For Vue.js recommended Node JS version is 16.0 or higher.
Installing Vue.js
To Install Vue.Js run the following command in your command line.
|
1 |
npm init vue@latest |
This Command will install vue.js and prompt for several options to choose. For this time we will simple choose yes for Typescript and No for all other options.
In next you will see, following options.
Run Vue.js Application
|
1 2 3 |
cd vue-typescript // got to your project Folder npm install // install dependencies and packages npm run dev // run the vue.js |
After running the following command successfully, you will have your first vue.js project running.
In command line it will show you following.
Now lets run http://localhost:5173/, In your browser.
I hope this article will help you