Ubuntu install

• https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98

• https://askubuntu.com/questions/1088662/npm-depends-node-gyp-0-10-9-but-it-is-not-going-to-be-installed

• vscode terminal open

npm install -g @vue/cli

• vue 개발 환경 세팅을 도와주는 프로그램
• Nodejs 설치 시 npm 사용 가능
• npm : 각종 웹개발 라이브러리 설치 도우미
• vue/cli : vue 프로젝트 빠르게 생성해주는 라이브러리

• vscode extensions 설치

Project create

vue create projectName

• vue3 선택 후 error 시 아래 스크립트

vue config -s packageManager npm

• reference : https://stackoverflow.com/questions/57935341/error-when-creating-a-vue-project-with-cli

cd <projectfolder>
npm run serve

• 개발 서버를 실행해볼 수 있다.

• App.vue가 메인페이지다.
• 웹부라우저는 .vue 해석 못한다. 단지 HTML로 컴파일되어서 해석되는 것이다.
  • main.js가 알아서 해주는 거다.
• node_modules : 프로젝트에 쓰이는 라이브러리들
• src : 소스 코드 다 담는 곳
• public : html 파일, 기타파일 보관
• pacakage.json : 라이브러리 버전 등 잡다한거 써놓은 거