#1 Vue.js 사용해보기

1. vue 셋팅 명령어
- npm install -g @vue/cli
- vue create start-vue
- cd start-vue
- npm run serve

 

2. Chorme에서 vue.js확장프로그램 설치 

3. vs-code 기준에서의 설치된 vue.js 목록

 

4. App.vue

<template>   <div>     <span>{{message}}</span><br/>     <span v-html="message"></span>   </div> </template>   <script lang='js'> export default{   name:'Hello Vue js',   data:()=>{     return{       message:'안녕.<span style="color:red">Vue</span>'     };   }, }; </script>

위의 코드로 화면은 아래와 같이 출력된다.