学习笔记Vue（十 三）—— 安装脚手架

使用npm安装vue脚手架：
npm install -g @vue/cli 安装脚手架，用于生成项目
npm install -g @vue/cli-service-global 快速原型开发 编译vue文件

如果之前已经安装旧版本，卸载旧版本指令：
npm uninstall vue cli-g

如果仍要使用旧版本，可以全局安装一个桥接工具：
npm install -g @vue/cli-init 拉取旧版本

使用vscode开发.vue结尾的文件不识别高亮，应安装一个插件：Vetur

============================================================
一个.vue文件就相当于vue中的一个component组件，里面包含该组件的template、script和style，
书写方式：

// 模板
<template>
    <div>
        i am a cmp  {{msg}}
    </div>
</template>
//js代码
<script>
    export default {
        data() {
            return {
                msg: 'hello world'
            }
        }
    }
</script>
//样式
<style>
    div {
        background-color:red;
        color: #fff;
    }
</style>

//vue serve App.vue   起服务命令
// 如果文件名就叫App.vue的话 也可直接vue serve

启动服务命令：vue serve App.vue
如果你的文件名就叫App.vue的话，也可以省略文件名，直接vue serve

服务启动完成后，会有一个地址，将地址输入到地址栏就可以看到你的页面。