DEV Community: Bhavesh Vaghela

Some useful npm commands

Bhavesh Vaghela — Sun, 22 Nov 2020 14:24:40 +0000

What is npm?

npm is a package manager for the JavaScript programming language. It is the default package manager for Node.js. Recently I completed a learning path Build JavaScript applications with Node.js and found some basic and useful npm commands which were very helpful to me, so I thought of sharing.

Here are some useful npm commands.

To create a package.json in interactive mode, you can use the npm init command.

npm init

To create a package.json in non interactive mode, use the npm init -y command.

npm init -y
- To get full detailed list of all the commands, type npm --help.

npm --help

To install any package, you can use npm install command followed by package name.

npm install <package name>

To install a package for development only which wont be shipped with production build, try the npm install with save-dev parameter. It also adds an entry in devDependencies in package.json.

npm install <package name> --save-dev

To install a package for production, try with production parameter. It adds an entry in dependencies in package.json.

npm install <package name> --production

To install a package in global directory instead of project's node_modules directory, use the g parameter.

npm install <package name> -g

To take care of fetching the dependency and carrying out the command, and clean up so it is not saved (or do not take up space) in node_modules folder, try the following command.

npx <name of package>

To list all the packages that your project is depending on, try the npm list command. It uses dependencies section from package.json. Use depth=0 for first level dependencies and depth=1 for 2nd level dependencies and so on.

npm list --depth=<depth>

To uninstall a package you use the uninstall command. It will remove the package from the manifest file and also from the node_modules directory.

npm uninstall <name of dependency>

To remove all dependencies in the node_modules directory that are not listed as dependencies in the manifest file, you can try the prune command.

npm prune

To list all the outdated packages, use the outdated command

npm outdated

To list vulnerabilities by different severity levels, high, and low for all the packages used in your project, use audit command

npm audit

To fix the vulnerabilities found by audit, try the audit command with fix.

npm audit fix

To fix the vulnerabilities found by audit forcefully, try the force parameter.

npm audit fix --force

To install the latest version, use @latest with npm install command.

npm install node-fetch@latest lodash@latest

The following instruction will update to the latest patch version. If you only want the patch version to update, you would specify like this ~1.0.0. What this instruction says is equal or great to in the same range.

~1.1.1 or 1.1.x

The following instruction will update only the minor version.

^1.1.1 or 1.x.1

The following instruction will update to the highest major version.

*1.1.1 or x.0.0

The package-lock.json guarantees exact installs.
The following command starts debugger that comes bundled with Node.js.

node inspect myscript.js

Wrap up

These were some basic and useful nom commands that can get you started with npm.

Happy Coding.

This post was first posted on - [https://vaghelabhavesh.github.io/blog/2020/11/22/npm-commands.html](https://vaghelabhavesh.github.io/blog/2020/11/22/npm-commands.html

Customizing Github Profile Page

Bhavesh Vaghela — Fri, 31 Jul 2020 10:41:13 +0000

What is GitHub Profile Page?

A github profile page like any other social media profile page displays the user your public repositories and your contributions to all the repositories by day, month and year wise. A person can also see who you are following on github and how many people are following you. Apart from this it also shows the repositories you have starred.

However till now it was not possible to customize this page since there was no customization available. But now it is possible to customize your github profile page by modifying a README.md in a username repo.

So lets get started:

Step 1: Create a repository Login into github and create a new repository with the same name as your github user name. Make sure to keep this repository public and initialize it with README.md file as shown in below screenshot.

Step 2: Edit README.md file Once the repository is created, open the README.md file and start editing it. You can add anything in this file - eg your twitter profile link, your linkedin profile link etc. You can also add your biography or description about your interest, hobbies, technologies you like etc as you can see in below screen shot.

Step 3: Commit README.md file When you have completed making the change and you are ready, preview your changes and make sure to commit your changes.

Step 4: Verify your changes on your Github Profile Page Next and final step is to go to your github profile page and verify that your changes are showing up there.

Wrap up

Hopefully you learn something new today and like this post

Happy Coding.

This post was first posted on - [https://vaghelabhavesh.github.io/blog/2020/07/06/customizing-github-profile-page.html(https://vaghelabhavesh.github.io/blog/2020/07/06/customizing-github-profile-page.html)

Winget (Preview) - Windows Package Manager

Bhavesh Vaghela — Tue, 28 Jul 2020 05:55:25 +0000

What is Winget?

Winget is a native windows package manager tool from Microsoft. It is open source and currently in preview as of 29th May, 2020.

Winget will support Windows 10 Build 1707 and higher version. If you are a windows insider (fast or slow ring) then you might already have winget installed. You can type winget -v in command prompt to confirm whether you have winget installed or not in your machine.

How to use Winget?

To install any package in winget, you have to type command - winget install package-name. For example to install power toys, type in winget install powertoys

What else Winget can do?

The following commands are available:

install - Installs the given application
show - Shows info about an application
source - Manage sources of applications
search - Find and show basic info of apps
hash - Helper to hash installer
files - validate Validates a manifest file

For example to see the information about powertoys which we installed, we can try command winget show powertoys and it will display information such as version, description, publisher, homepage etc about powertoys.

Conclusion

Winget will help us in automating the process of getting application in our machine. You can specify application and it will install it on your machine. No hassle to search online, download and install.

Happy Coding.

DEV Community: Bhavesh Vaghela

Some useful npm commands

What is npm?

Wrap up

This post was first posted on - [https://vaghelabhavesh.github.io/blog/2020/11/22/npm-commands.html](https://vaghelabhavesh.github.io/blog/2020/11/22/npm-commands.html

Customizing Github Profile Page

What is GitHub Profile Page?

Wrap up

This post was first posted on - [https://vaghelabhavesh.github.io/blog/2020/07/06/customizing-github-profile-page.html(https://vaghelabhavesh.github.io/blog/2020/07/06/customizing-github-profile-page.html)

Winget (Preview) - Windows Package Manager

What is Winget?

How to use Winget?

What else Winget can do?

Conclusion

This post was first posted on - https://vaghelabhavesh.github.io/blog/2020/05/29/winget-windows-package-manager.html