Vue脚手架系列02-快速原型开发

1.快速原型开发

• 创建一个文件夹命名-learnvue
  • 命令行cd到learnvue文件夹中，执行下面命令行npm init
  • 这时候learnvue文件夹中会出现一个package.json
  • 在learn文件夹中创建一个App.vue的文件
  • 命令行中运行vue serve
  • 编译完成后可以在页面上显示

<template>
    <h2>
        {{msg}}
    </h2>
</template>

<script>
export default {
    data() {
        return {
            msg:"琳琳热爱生活"
        }
    },
}
</script>
<style scoped>
    h2{
        font-size: 24px;
        color: pink;
    }
</style>