public:computer:vuejs3_on_wsl2 [reth]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Vue.js 3 on WSL2 ======


==== 0. Package 업데이트 ====
<code bash>
$ sudo apt update
$ sudo apt upgrade -y
</code>

==== 1. Node 설치 ====
<code bash>
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash  # 안됨;;

$ sudo apt update && sudo apt install curl -y
$ curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash 
$ source ~/.profile 
$ nvm ls-remote 
$ nvm install v16  # 버전
$ node --version 
</code>

==== 2. Vue 설치 ====

<code bash>
$ npm install vue
</code>


<code bash>
$ yarn global add @vue/cli
# or
$npm install -g @vue/cli

# vue.js 3로 업그레이드
$ vue upgrade --next
</code>

==== 3. Vue 프로젝트 시작 ====
npm:
<code bash>
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
</code>

Yarn:
<sxh bash>
$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev
</sxh>
----

<sxh bash>
$ code .
</sxh>