1. Vue프로젝트 생성

<aside> 👨‍💻

workspace에서 터미널을 연 뒤 vue플로젝트를 만듭니다.

</aside>

npm init vue

image.png

<aside> 👨‍💻

Router와 Pinia는 수동설치 할 것입니다.

ESLintPrettierYes Oxlint는 Rust로 작성된 ESLint 보조 도구래요. ESLint보다 훨씬 빠른 속도로 동작하는데, 아직 실험적! experimental

</aside>

image.png

# git 생성
git init
# 원격 저장소 연결
git remote add origin <https://github.com/LifeIsOne/vue3-project.git>

<aside> 👨‍💻

VSCode로 해당 폴더를 연뒤, git에 연결

</aside>

2. 의존성 모듈 설치

npm install

<aside> 👨‍💻

npm(Node Package Manager)설치

</aside>

image.png

<aside> 💡

package-lock.json파일이 생성됩니다. ( node_modulles 안에 설치가 됨 )

다른 컴퓨터( 혹은! 팀원이 ) 같은 버전의 패키지로 작업할 수 있게 도와주고, 빌드를 안정적으로 할 수 있습니다.

</aside>

3. ESLint, Prettier 설정