본문 바로가기

프론트엔드 공부/view

vue create createapp

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