코딩 농장/웹 프로그래밍
Vue.js 와 설치
GreenBNN
2022. 8. 18. 23:40
Vue.js 는 프론드엔드 개발을 쉽게 하기 위한 Javascript 프레임워크이다.
우리가 html 태그를 작성한 후 script 태그에서 띄우는 데이터를 변경하거나 새롭게 띄울 수 있었는데
그것을 조금 더 간단하게 만들어주는 기능이 있다.
"npm install -g @vue/cli" : vue 프로젝트를 빠르게 생성해주는 라이브러리를 설치한다
vue create "projectName" : 프로젝트를 생성한다. ( 이때 대문자는 안됨 )
projectName 으로 폴더가 만들어지고
그것을 Open Folder 로 열어서 App.vue 에 코드를 짜면 된다.
이때 template 에는 html 코드를 script 에는 javascript 를 style 에는 CSS 코드를 넣어주면 된다.
App.vue 파일을 사이트에 띄우기 위해 main.js 에서 .vue 파일을 .html 로 바꾸는 과정이 이루어진다.
npm run serve : 내가 만든 것 미리보기
끄고싶으면 나중에 "crtl + c" 를 눌러서 끄자