DEV Community

Rahul Raj
Rahul Raj

Posted on • Updated 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

mikeyoung44 profile image

Free-Lunch Explainable AI: Mesomorphic Networks Fuse Deep Learning and Linear Models for Tabular Data

Mike Young -

fourhtyoz profile image

Five cool JavaScript tricks

Fourhtyoz -

charlottetowell profile image

Creating a NextJS Web App With 0 Web Dev Experience

Charlotte Towell -

jacobandrewsky profile image

Using Cache Control in Nuxt to improve Performance

Jakub Andrzejewski -