Wed, Oct 20, 21, install nodejs versions and shorthand cli options
Thi
Install NodeJS & NPM
Install multiple versions
First, need to install nvm. Run the line of curl
and then run/add-to-bash the line of export
.
::: warning Below commands are mostly for Linux/MacOS users. :::
::: col-2-equal
# FIRST INSTALL: the most recent lts release
nvm install --lts
# install a specific version
nvm install 12.13.0
# install latest version
nvm install node
# list all installed versions
nvm ls
# set default version of node
nvm alias default 12.13.0
# full list of available versions
# be careful, it's too long!!!
nvm ls-remote
# switch between versions
nvm use 12.13.0
# or (more quickly)
nvm use v15
# uninstall some version
nvm uninstall 12.13.0
:::
Single version
๐ Install NodeJS and NPM: Windows & MacOS, Linux.
::: col-2-equal
# UPDATE npm
npm cache clean -f # clear the cache first
sudo npm install -g npm
# UPDATE node
sudo npm install -g n
sudo n stable
# refresh the shell
source ~/.zshrc # if using zsh
source ~/.bashrc # is using bash
# Check version
npm -v
node -v
:::
Shorthand CLI options
i
:install
-D
:--save-dev
(devDependencies
)-P
:--save-prod
(default),--save
-g
:--global
-f
:--force
ls
:list
Install package
๐ Official documentation.
npm install package_name # if it's in package.json, the indicated version will be installed
# otherwise, the newsest version will be installed
npm install --global package_name # global package
# install all package in package.json
npm install
# install + save to package.json
npm install --save package_name # save to package.json
npm install --save-dev package_name # save to package.json, in devDependencies
npm install --no-save package_name # don't save
# install with version
npm install express@4.16.1
# install a local package
npm install /path/to/package
# from github repository
npm i git+https://github.com/abc/xyz.git # https
# or
npm i git+ssh://git@github.com/abc/xyz.git # ssh
# list all installed packages (current project only)
ls node_modules
# list all local (installed) packages
npm list # -g for globel # or use "ls"
npm list --depth=0 # without dependencies
# Check the current version of a (installed) package
npm list package_name # with "-g" for global
# Check the latest (not current) version of a package
npm view package_name version
# Set python2 by default when installing npm packages
npm config set python python2
Update package
::: col-2-equal
# which global packages need to be updated?
npm outdated -g --depth=0
# update all global packages
npm update -g
# update a package
npm update package_name # -g for global
:::
Remove package
npm uninstall package
Run scritps
# Install first
npm i --save npm-run-all
::: col-2-equal
// Run sequentially,
// package.json
"scripts": {
"build": "run-s prod:*", // "run-s" = "npm-run-all -s"
"prod:eleventy": "eleventy",
"prod:parcel": "parcel build ./ -o ./",
}
// Run parallely,
// package.json
"scripts": {
"start": "npm-run-all --parallel dev:*",
"dev:eleventy": "eleventy --serve",
"dev:parcel": "parcel watch ./ -o ./",
}
:::
The following wiki, pages and posts are tagged with
Title | Type | Excerpt |
---|---|---|
2021-10-01-wiki-magnific-popup.md | post | ์งํฌ ๋ธ๋ก๊ทธ์ ์ด๋ฏธ์ง ํ๋ ๊ธฐ๋ฅ ์ถ๊ฐํ๊ธฐ |
Jekyll + liquid | post | Monday-jekyll-liquid, jekyll install on mac and ubuntu using docker |
css tips for web development | post | Tue, Oct 19, 21, tools, fonts cascading and selectors |
auto focus when page loads | post | Tue, Oct 19, 21, auto-focus media-query google-font |
keycode css trics for search focus | post | Wednesday-keycode, how to find keycode for the kb input keys |
using css and jquery to switch between themes | post | Wed, Oct 20, 21, toggle icon, flash loading fix, DOM loaded before show content |
tools for webdev | post | Sat, Oct 23, 21, tools for webdev frameworks, drawing, visualization text-editor |
Complete guide to django rest framework and vue js | post | Wed, Nov 10, 21, Build professional REST APIs and spa with django vue |
mvc-mvt definition | post | Fri, Dec 24, 21, difference between mvc and mvt |
๋ก์ปฌ ๊ตฌ๊ธ Apps Script ๊ฐ๋ฐ | post | ํํ ๋ฆฌ์ผ ๋ฐ๋ผํ๊ธฐ |
๊ฐ๋ฐ์์ ๊ธ์ฐ๊ธฐ | post | ๊ฐ๋ฐ์ ๊ธ์ฐ๊ธฐ์ 3์์น : ์ ํ์ฑ, ๊ฐ๊ฒฐ์ฑ, ๊ฐ๋ ์ฑ, ๋ณ์ ๋ค์ด๋ฐ๋ถํฐ ๋ฆด๋ฆฌ์ค๋ ธํธ... |
ํ์ด์ฌ ์ฝ๋ฉ์ ๊ธฐ์ 2ํ | post | ๋๋ํ๊ฒ ์ฝ๋ฉํ๋ ๋ฒ |
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ ๊ทธ ๋ชจ์์ผ๊น? | page | ๋๊ธ๋ผ์ค ํฌ๋ฝํฌ๋๊ฐ ์๋ ค์ฃผ๋ |
javascript for impatient | page | Exploit the power of modern javascript and avoid the pitfalls |
Practical Vim | post | ์์ด ๋จผ์ ๋ฐ์ํ๋ |
๋ฆฌํฉํ ๋ง 2ํ | page | ์ฝ๋ ๊ตฌ์กฐ๋ฅผ ์ฒด๊ณ์ ์ผ๋ก ๊ฐ์ ํ์ฌ ํจ์จ์ ์ธ ๋ฆฌํฉํฐ๋ง ๊ตฌํํ๊ธฐ |
ํ ๊ถ์ผ๋ก ๋๋ด๋ ์ ๊ทํํ์ | page | ์ฌ๋ ๊ฐ์ง ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ณ ์๋ฒฝ ํด์ค |
์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฉ์ ๊ธฐ์ | page | ๋๋ํ๊ฒ ์ฝ๋ฉํ๋ ๋ฒ |
typescript๋ก ๊ฐ๋ฐ์ ํ์ผ ์์ ๋ฌธ์ | post | typescript hoisting filepushorder |
css-meaning.md | post | toc์ css๋ฅผ ์กฐ์ ํ๋ค๊ฐ ์ฐ์ฐํ ๊นจ๋ซ๊ฒ ๋ CSS ์ด์์ ์๋ฏธ |
Djangovue a fastrack to success | page | summary. |
refactoring.md | post | toc์ css๋ฅผ ์กฐ์ ํ๋ค๊ฐ ์ฐ์ฐํ ๊นจ๋ซ๊ฒ ๋ CSS ์ด์์ ์๋ฏธJavascript ์์ ์ถ๋ ฅ๋ html string์ ๋ธ๋ผ์ฐ์ ๋ก ํ์ธํ๊ธฐ |
wiki-favicon.md | post | favicon ์ถ๊ฐ ๋ฐฉ๋ฒ, ๊ด๋ จ ๋งํฌ |
wiki-innerhtml.md | post | View ์์ ๊ฐ์ ธ์จ data ๋ฅผ ํ๊ธฐํ๋ ๊ณผ์ ์์ ๋ฌธ๋ value, textContent, innerHTML, innerText์ ์ฐจ์ด |
wiki-toc2side.md | post | CSS๋ฐ SCSS์ ๋ํ ์ ๋ฆฌ |