[실전 강좌] 프로젝트 폴더 세팅

1. vue cli2.x vs cli 3.x

vue-advanced 폴더 생성 > terminal 열고 vue init webpack-simple vue-news 입력하면 폴더 생성됨 > vue create vue-cli3 입력해서 아래와 같이 생성

위에가 3버전
아래가 2버전

2. 세팅

위에서 만든거 다 지우고 터미널에서
vue create vue-news > cd vue-news > npm run serve

• App.vue

<template>
  <div id="app">
    hello
  </div>
</template>

<script>

export default {

}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

로 바꾸기