Vue 快速原型开发

 

码农先赚点小钱，区块链技术应用之-Pi币 只需5秒 

 

 

 

 

快速原型开发

注意: 是:serve 而不是 server

经过使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发，不过这须要先额外安装一个全局的扩展
go:
npm install -g @vue/cli-service-global

vue serve 缺点: 他须要安装全局依赖，在不一样机器上的一致性不能获得保证。因此只适用于快速原型开发。

vue serve
Usage:serve [options] [entry]
在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器

Options:

-o, --open 打开浏览器
-c, --copy 将本地url赋值到剪贴板
-h, --hep 输出用法信息

你所须要的仅仅是一个 App.uve 文件
<template>
<h1>Hello!</h1>
</template>

而后再这个 App.vue 文件所在的目录下运行:
vue serve

vue serve 使用了和 vue create 建立的项目相同的默认设置 (webpack、Babel、PostCSS 和 ESLint)。它会在当前目录自动推导入口文件——入口能够是 main.js、index.js、App.vue 或 app.vue 中的一个。你也能够显式地指定入口文件：

vue serve MyComponent.vue//指定入口文件

若是须要，你还能够提供一个 index.html package.json 安装并使用本地依赖、甚至经过相应的配置文件配置 Babel PostCSS 和ESLint

Vue build
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 输出用法信息

 

你也能够使用 vue build 将目标文件构建成一个生产环境的包并用来部署：
vue build MyComponent.vue

vue build 也提供了将苏建构建称为一个库或一个Web Components 组件的能力。

 

更多：构建目标 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%94%E7%94%A8