vue cli - 02 快速原型开发vue serve,vue

快速原型开发

vue serve vue build
可以对单个文件进行开发而无需额外配置，适合进行快速原型开发，不适合实际项目开发。
需提前安装全局扩展：npm install -g @vue/cli-service-global

Usage: serve [options] [entry]

在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器


Options:

  -o, --open  打开浏览器
  -c, --copy  将本地 URL 复制到剪切板
  -h, --help  输出用法信息

Usage: build [options] [entry]

在生产环境模式下零配置构建一个 .js 或 .vue 文件


Options:

  -t, --target <target>  构建目标 (app | lib | wc | wc-async, 默认值：app)
  -n, --name <name>      库的名字或 Web Components 组件的名字 (默认值：入口文件名)
  -d, --dest <dir>       输出目录 (默认值：dist)
  -h, --help             输出用法信息

默认会以所在目录的main.js,index.js,App.vue,app.vue的其中一个为默认入口，也可以参数指定入口
如果需要，你还可以提供一个 index.html、package.json、安装并使用本地依赖、甚至通过相应的配置文件配置 Babel、PostCSS 和 ESLint。
编写源文件

<template>
  <div>
    <h1>Hello world</h1>
  </div>
</template>

<script>
export default {
  
}
</script>

运行 vue serve，则会启动一个本地服务

启动本地服务
运行 vue build，则打包输出包含html、js、css的文件
打包输出