본문 바로가기

Vue.js2

IDE 기본 plugin 세팅 VSCode( Visual Studio Code ) 편집기를 사용하였습니다. ( 현재 버전 1.40.2 ) 설명에 앞서 먼저 eclipse의 market같은 기능이 visual sudio code 어느 곳에 있는지 보여드리겠습니다. 1. Vetur Extension Linting ( 린트 or 린터 )란? 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아놓기 위한 기능 Syntax-highlighting ( 구문 강조 ) 란? 구문 강조는 문자열을 형식의 틀에 따라 여러 가지 색과 글꼴로 다르게 보여 주는 문서 편집기의 기능 Formatting 이란? 코드 정리를 보다 쉽게 할 수 있도록 도와주는 기능 등을 지원해준다. >사용이유 1사용이유 2 2019. 12. 2.
Vue.js with Vue-cli 간단한 프로젝트 생성하기 ※먼저 Vue CLI를 이용하기 위해선 NodeJS 6.X 이상, npm 3 버전 이상의 환경이 설치 되어 있어야 한다. CLI란? Command Line Interface의 약자로서, 텍스트 터미널을 통한 사용자와 컴퓨터의 상호 작용 방식을 의미한다. * 현재 노드 버전 12.13.1 lts , vue 버전 2.9.6 * 설치 순서 1. https://nodejs.org/ko/ node.js lts 버전을 설치 한다. 2. 처음 설치 하는 것이므로 exe 를 다운 받는다. 3. 다운 로드 후 CMD에서 아래와 같은 명령어를 통해 잘 설치 되어있는지 확인 한다. C:\Users\Administrator>node -v v12.13.1 4. 다음은 vue cli 를 설치 한다. 설치 방법은 간단하다. 현재 .. 2019. 12. 2.