vue

vue cli 설치

npm i -g @vue/cli

 

vue 프로젝트 설치

vue create 프로젝트명

 

vue 개발도구들 설치

npm i -D vue-loader@next vue-style-loader @vue/compiler-sfc

const {VueLoaderPlugin} = require('vue-loader') 맨 위 선언

main.js 설정

 vue로부터 CreateApp를 사용할수있게 선언한다. APP.vue로부터 App를 가져오고 html에서 #app인부분에 app.vue를 적용시킨다.

 

확장자 표시무시하는법

module.exports안에 resolve에 extensions를 배열로 무시할 확장자들을 넣어준다.

 

img같은 파일들 불러와서 웹에 나타내기

npm i -D file-loader 설치

template에 index.html에 #app인 div에 사용할것들을 연결한다. script안에서 import로 HelloWorld가 저장된vue로 부터 가져와서 HelloWorld로 만들고 export로 components에 HelloWorld를 넣는다 그러면 template에서 태그처럼 쓸 수 있다.