Hi CelSius, — that’s how i call my pal 😆

After building the Nuxt-CLI using NPM, now it’s time to register it in NPM Package.

Login to your NPM account

First, you need to have an NPM account and do the login.

Hi CelSius, — that’s how i call my pal 😆

Currently in NuxtJs, whenever we want to create a component, layout, pages, and store, we have to create the folder and files manually.

Since we need to create a lot of components when doing a project, we need something that can make our lives easier.

So let’s create a Nuxt CLI for generating folder and file structure using NPM.

Repository Preparation

I’m using a Github repository to save this Nuxt CLI project :

https://github.com/sherlyfebrianti96/Nuxt-CLI

After the repository has been created, clone it to your local repository.

git clone https://github.com/sherlyfebrianti96/Nuxt-CLI.git

Initiate the Node Package

We will use…

Hi Mr.T,

This basic installation used for step by step the Nuxt installation using Typescript.

It contains some errors and how to fix it.

You could mention the topic you wish to have.

I will try to share the story :)

Hi CelSius, — that’s how i call my pal 😆

Previously, we are getting started a new application using Nuxt (Vuejs Framework) with Typescript.

And after the installations has been completed, there will be some issue appeared after that.

Let’s do the fixing for the issues, so we could run our new installed Nuxt application.

Fixing Babel Dependencies Issues For Running the Dev

After the installations (Nuxt v.2.14.12), i’m trying to run :

npm run dev

Then, I got this errors :

Cannot find module '@babel/preset-env/lib/utils'

and it requires me to have another dependencies.

I found this open issue and currently this steps is help me to fix…

Hi CelSius, — that’s how i call my pal 😆

I’m going to start a new application using Nuxt (this is a Vuejs Framework).

Alos, I’m going to use Typescript as a support for my Nuxt application.

Installing Nuxt (Vuejs Framework)

Currently i’m trying to installing the Nuxt application using Npm.

npm init nuxt-app <your-application-name>

After running the command above, there will be a questions for the default installation :

• Project Name
  Just press enter if you want to configure the same name as the command above
• Programming Language
  There will be two options (Javascript / Typescript)
  In my project, i’m using Typescript
• Package…

Hi CelSius, — that’s how i call my pal 😆

Currently we are going to discuss about what is Feature Branch and Feature Toggle.

Which one is suitable to use in our projects/application? Let’s find out the difference.

Feature Branch

This is a branching pattern where the developers create a new branch for each new feature, and integrate the changes after the feature is done.

Advantages :

• Every changes merged in the developer’s feature branch, so it will reduce the breaking-changes risk on the main branch (the common codebase)
• A team that completes features in one-two days are able to integrate frequently…

Hi CelSius, — that’s how i call my pal 😆

This time, we will discuss about what to choose or what to use for doing a testing in Nuxt (Vuejs framework) application.

There are 3 types of testing in Vuejs application :

• Unit Testing
• Component Testing
• End-to-end (E2E) Testing

We have to keep in mind if we want to do a unit testing, we have to use the default testing framework/tools recommended by the Framework we used itself.

Unit Testing

Unit testing is a method that is used by developer to test the procedures / codes has been suitable as expected.

In…

Login to your Jira application

After installing the Jira application, i’m going to login as system administrator.