CLI (comand line interface: 터미널을 통해 프로젝트진행)
npm i -g @vue/cli (view cli를 전역설치)
cd라는 명령어를 통해 vue3-test를 열어주고 npm run serve 라는 명령어로 열수 있다는 의미
설치 진행후 폴더내
***package.json - "scripts"
-"serve"(개발서버오픈)는 "dev"와 동일
-"build"(제품화과정
-"lint"(규칙에 맞게 확인)
***폴더
1.public > index.html 에 #root main.js에 연결
2.src > main.js
import { createApp } from 'vue'
//create-vew 연결
import App from './App.vue'
//app.view import
createApp(App).mount('#app')
//public>index.html #app 연결
3.app.vue
<template> : html
<script> :script
<style> :style
'프론트엔드 공부 > view' 카테고리의 다른 글
codepen에서 cdn으로 연습하기 (0) | 2021.05.29 |
---|