DEV Community

Rahul Raj
Rahul Raj

Posted on • Edited on

Create NuxtJs Project with Typescript and Classes

#vue #nuxt #beginners #typescript

If you ever wanted to create a new nuxt(vue) project from scratch this might help you to add the basic setups needed for it.

Initiate a nuxt project with npm & TypeScript 

npm init nuxt-app <project-name>
Enter fullscreen mode Exit fullscreen mode

You will get an option to select the language you can select TypeScript.

Select the below options if needed

Change the directory and install some dependencies to use Class based components 

npm i nuxt-property-decorator
Enter fullscreen mode Exit fullscreen mode
  • Installing sass (Optional) SASS 
npm i sass-loader sass webpack --save-dev
Enter fullscreen mode Exit fullscreen mode

Now you are good to go use the components and everything like a class.

If you like the post follow me for more

rahulrajrd image

Rahul Raj

I am a developer who is trying to improve myself day by day.

Top comments (0)

Read next

msh_sayket_6a8d9f36faac8a profile image

How to Compress Image Size in Laravel 11

Msh Sayket -

tutortacademy profile image

Regrets Every Programmer Faces: Lessons for Aspiring Coders

Tutort Academy -

dee_codes profile image

How to Generate and Verify OTPs in Next.js

Hadiza Mohammed -

mikeyoung44 profile image

Extracting Sensitive Data via Remote Timing Attacks on Efficient Language Models

Mike Young -