목차 - https://okane-on-cliff.tistory.com/227
vue-cli 환경을 구축하기 위해 npm을 설치한다. npm은 인터넷에서 적당히 검색하면 컴퓨터에 잘 설치 할 수 있다.
이제 cmd로 'npm 명령어'를 쳐서 npm을 실행할 수 있다.
npm install vue
npm install -g @vue/cli를 입력하여 vue와 vue/cli를 설치한다.
이제 'vue 명령어'를 사용하여 vue를 실행할 수 있다.
프로젝트를 생성하고 싶은 경로로 cd 명령어를 통해 이동한 후
vue create gogo를 입력하여 gogo라는 이름의 프로젝트를 만든다.
preset은 직접 하는 것으로 선택
vuex는 이번 프로젝트에선 사용하지 않았다.
2버전을 배웠으니 2버전 선택했다.
history mode를 사용하면 빌드시에 뭔가 이상지니 no로 했다. 내 예상에는 빌드를 하면 굳이 서버를 통해 열지 않아도 작동한다고 생각했는데 history mode일 경우 안되는 경우다 있다고한다.
해보진 않았지만 빌드된 index.html에서 script 의 src의 처음에 ./를 붙혀주면 된다는 말도 있는데 해보진 않았다 아마 된다면 이쪽이 나을지도?
검색할때 package.json 내용이 많아서 package.json을 선택했다. 나머지는 그냥 중요한 건 아닌 거 같다.
이제 vscode에서 생성된 프로젝트를 켜서 터미널을 킨 후
npm i
npm i axios를 적어 프론트 개발을 위한 모듈을 다운 받는다. [서버]와 [서버와의 통신을 위한 모듈]이다.
이후 views폴더, components폴더, app.vue의 div안의 요소들, router/index.js의 routes의 요소들을 지우고
npm run serve를 입력하고 서버를 실행하여 환경 구축을 마무리한다.