无需任何配置，预览、构建单个的vue文件

vue有一个 ‘快速原型开发’ 的概念，使用

@vue/cli-service-global

可以快速预览或者构建某一个.vue或者.js文件，这个插件需要全局安装 

npm install -g @vue/cli-service-global

基础篇：两个命令，vue serve 和 vue build

 vue serve 开启一个服务，以展示页面：

默认可直接运行的.vue文件有 ‘app.vue’和‘App.vue’，例如创建一个app.vue文件：

<template>
    <div>
        app.vue
    </div>
</template>

默认可直接运行的.js文件有 ‘main.js’和‘index.js’，例如创建一个main.js文件：

import vue from 'vue'

new vue({
    el:'#app',
    render:function(e){
        return e(`div`,'main.js')
    }
})

你也可以指定运行的文件(自由)，将‘app.vue’改成‘my.vue’，‘main.js’改成‘my.js’，执行 vue serve my.vue,vue serve my.js即可。

vue build命令执行构建，操作和vue serve一样。

进阶篇：命令参数

命令后面可以添加参数，以满足各种需求：

vue serve

    -o         自动打开浏览器，并显示页面（vue serve -o）

    -p         指定运行端口，如果端口被占用，自动使用下一个端口，找到空闲端口为止（vue serve -p 8081）

    -c         将运行地址复制到剪切板（vue serve -c）

vue build 

    -t          指定构建成什么，app（默认）、lib（库）、wc（组件），（vue build -t lib）

    -n         在构建为库或者组件时，为其命名，（vue build index.js -t lib -n a）,值得注意的是，构建为组件时，文件名必须有连字符，例如a-b是可以的，ab则不行

    -d         指定输出目录（vue build inde.js -d dist/my）