하수도키의 성장일기

개발일기/Vue.js

[Vue.js] highcharts 설치 및 세팅

highcharts 설치 및 세팅 Vue.js 사용하면서 차트를 그려야 될때 highcharts를 이용해보자. 다른 차트로 만들고 싶으면 https://madewithvuejs.com/charts 요기를 참고해보자. highcharts 설치 https://www.highcharts.com/ https://npmjs.com/ 에서 highchart를 검색해보니 vue 와 관련된 라이브러리를 발견! 3개월전 업데이트가 되었고 따끈따끈해보인다. 시작하기 위해서 필요한것들이 뭐가 있는지 보자.(Requirments 클릭) Vue, Highcharts 라이브러리가 필요하다. Vue는 설치되어있고 Highcharts를 다시 검색해보자. 설치 방법은 여러가지 있으니 환경에 맞게 하자. 나는 npm install --..

개발일기/Vue.js

[Vue.js] Vue CLI 설치 및 세팅

Vue CLI 설치 및 세팅 Vue CLI 설치 하기 - 글로벌(전역)으로 설치하여 어느 곳에서든지 Vue CLI사용할 수 있게 한다. - 터미널 또는 CMD에서 아래와 같이 명령어를 입력한다. npm i -g @vue/cli Vue project 생성하기 - vue create project명으로 Vue CLI를 이용해 프로젝트를 생성한다. vue create playground - 터미널에서 여러가지 옵션을 선택해야 되는데 아래 스크린샷과 같이 설정한다. - 대략적으로 수동으로 옵션 선택, ESLint, Linter, Router, Babel, Prettier, NPM 사용한다는 내용이다. Vue Project 실행하기 - 설치된 폴더로 이동 후 프로젝트를 실행한다. cd playground npm ..