1.๋ทฐ CLI๋ฅผ ์ด์ฉํ ํ๋ก์ ํธ ์์ฑ
- ์ํ๋ ์์น์ ์๋ก์ด ํด๋
vue-todo
๋ฅผ ์์ฑํ๊ณ vue-todo
ํด๋ ๋ด์์ cmd์ฐฝ์ ์ด์ด ๋ทฐ CLI๋ก ํ๋ก์ ํธ๋ฅผ ์์ฑํ๋ค.
- ์์ธํ ๋ด์ฉ์ ๋ทฐ ํ๋ก์ ํธ ๊ตฌ์ฑ ๋ฐฉ๋ฒ ๋ฅผ ์ฐธ๊ณ ํด ์ฃผ์ธ์
2. ํ๋ก์ ํธ ์ด๊ธฐ ์ค์
- ํ๋ก์ ํธ์ ๋ฐ์ํ ์น ๋์์ธ ํ๊ทธ์ ์ดํ์ ์ฌ์ฉํ ์์ด์ฝ CSS๋ฅผ ์ค์ ํด ์ค๋ค.
2-1. ๋ฐ์ํ ์น ๋์์ธ ํ๊ทธ ์ค์
index.html
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vue-todo1</title>
</head>
2-2. ์ด์ธ ์์ด์ฝ CSS ์ค์
index.html
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<title>vue-todo1</title>
</head>
2-3. ํฐํธ์ ํ๋น์ฝ ์ค์
index.html
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="src/assets/favicon.ico" type="image/x-icon">
<link rel="icon" href="src/assets/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<title>vue-todo1</title>
</head>