Differences

This shows you the differences between two versions of the page.

--- public:computer:node.js [2022/09/20 14:06] – alex
+++ public:computer:node.js [2023/01/03 09:54] (current) – alex
@@ Line 20: / Line 20: @@
 ==== Install ====
+=== Install Node.js on MacOS ===
 brew 설치 <cli>
 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
@@ Line 29: / Line 31: @@
-Vue CLI 설치 <cli prompt="$ " comment="  # ">
+=== Install Node.js on Ubuntu ===
-$ npm install -g @vue/cli
+  * Install Node.js on Ubuntu <sxh bash>
-or
+# to install node.js we need CURL
-$ yarn global add @vue/cli
+$ sudo apt install -y curl
-or
-$ yarn dlx @vue/clie
-$ vue --version  # 확인
+# install node.js using apt package manager
-$ npm list -g --depth=0  # npm 설치 리스트 확인
+$ sudo apt update & sudo apt upgrade -y
-</cli>
+$ sudo apt install nodejs
+$ nodejs -v
+$ sudo apt install npm
+$ npm -v
-Vue CLI 삭제 <cli prompt="$ " comment="  # ">
+# using PPA
-$ npm uninstall -g vue-cli
+$ curl -sL https://deb.nodesource.com/setup_18.x -o nodesource_setup.sh  # version 18.x
-</cli>
+$ sudo bash nodesource_setup.sh
+$ sudo apt-get install nodejs
+$ sudo apt-get install build-essential
+</sxh>
-vue 프로젝트 생성 <cli prompt="$ " comment="  # ">
+  * nvm <sxh bash>
-$ vue create <프로젝트 이름>
+$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
+$ source ~/.bashrc
+$ nvm list-remote
+$ nvm install <version>
+$ nvm list
+$ nvm use <version>
+</sxh>
+  * npm update <sxh bash>
+$ npm install -g npm@latest
+$ npm -v
+</sxh>
-$ cd <프로젝트 이름>
+=== Install Vue.js ===
-$ npm run serve
+{{page>public:computer:vuejs#install_vuejs&noheader}}
-</cli>
-vuetify 패키지 추가 <cli>
-$ vue add vuetify
-</cli>
-vue-router 설치 <cli>
-$ vue add router
-</cli>
-vuex 설치 <cli>
-$ vue add vuex
-</cli>
-axios 설치 <cli>
-$ vue add axios
-</cli>
+==== Modules ====
   * https/http2 모듈
@@ Line 247: / Line 249: @@
   * pm2
+===== References =====
+  * [[https://github.com/nvm-sh/nvm|Node Version Manager]]
+<button type="default" size="xs" collapse="toc">book toc</button>
+<collapse id="toc" collapsed="true">
 ==== 01 | 노드에 대해 알아보고 개발 도구 설치하기 ====
 노드란 무엇일까?
@@ Line 553: / Line 561: @@
 레디스로 subscribe, publish 하기
 채팅 서버에서 레디스를 사용하는 샘플
+</collapse>