[Vue.js] 1. Vue.js 프로젝트 생성하기

[ 1. Node.js 설치하기 ]
nodejs.org/ko/  에 접속해 LTS(Long Term Support)버전을 받아준다

node.js 홈페이지 화면

---

[ 2. Node.js 설치확인 ]
cmd를 열고 아래명령어를 실행해 확인

node -v

node.js설치확인

---

[ 3. npm 설치확인 ]

npm -v

npm설치확인

---

[ 4. Vue.js프로젝트 만들기 ]
4.1 프로젝트를 만들 폴더로 이동하기
-예시로 C드라이브에 TestWorkspaces폴더를 만들었다

-cmd를 실행해 해당경로로 이동한뒤
아래 명령어로 Vue.js프로젝트를 생성한다

vue create 프로젝트이름

cmd에서 Vue.js프로젝트 생성하기

프로젝트가 생성된것이 보인다

---

[ 5. Vue.js프로젝트 실행하기 ]
cmd에서 해당프로젝트의 경로로 이동한뒤 아래 명령어를 실행한다

npm run serve

프로젝트경로로 이동한뒤 실행해보기

---

[ 6. 실행된 Vue.js프로젝트를 웹브라우저에서 접속해보기 ]
위에 5번과정에서 실행성공시 App running URL이 보여지는데
해당 URL을 웹브라우저에 입력해 접속해본다

프로젝트 접속URL

페이지 접속 완료