뷰 인텔리제이 프로젝트 생성

먼저 노드를 설치해야하는데 리액트찍먹을 할때 이미 설치했으므로 생략

우선 플러그인에서 Vue.js를 설치해야한다 그 후 프로젝트 생성으로 넘어가서

vue 프로젝트 생성

 

참고로 인텔리제이 유료버전을 쓰기때문에 무료버전과 생성 과정이 다를 수 있다.

 

생성이 다 된 이후의 모습

<template> 안에는 HTML을 만들고

<script> 안에는 js를 짜고

<style>안에는 css를 짜면 된다.

 

App.vue는 메인페이지 여기에있는 코드들을 HTML로 바꿔서 public/index.html로 옮겨서 브라우저에 띄워줌

 

node_modules : 프로젝트에 쓰는 라이브러리들

src : 실제로 코드를 짜는 공간

public : html파일, 기타파일 보관

package.json : 라이브러리 버전, 프로젝트 설정