vue3.x 快速原型开发
2018-10-30 11:20
344 查看
快速原型开发
你可以使用
vue serve和
vue build命令对单个
*.vue文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:
[code]npm install -g @vue/cli-service-global
vue serve的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。
#vue serve
[code]Usage: serve [options] [entry] 在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器 Options: -o, --open 打开浏览器 -c, --copy 将本地 URL 复制到剪切板 -h, --help 输出用法信息
你所需要的仅仅是一个
App.vue文件:
[code]<template> <h1>Hello!</h1> </template>
然后在这个
App.vue文件所在的目录下运行:
[code]vue serve
vue serve使用了和
vue create创建的项目相同的默认设置 (webpack、Babel、PostCSS 和 ESLint)。它会在当前目录自动推导入口文件——入口可以是
main.js、
index.js、
App.vue或
app.vue中的一个。你也可以显式地指定入口文件:
[code]vue serve MyComponent.vue
如果需要,你还可以提供一个
index.html、
package.json、安装并使用本地依赖、甚至通过相应的配置文件配置 Babel、PostCSS 和 ESLint。
#vue build
[code]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将目标文件构建成一个生产环境的包并用来部署:
[code]vue build MyComponent.vue
vue build也提供了将组件构建成为一个库或一个 Web Components 组件的能力。查阅构建目标了解更多。 阅读更多
相关文章推荐
- 快速原型的开发
- 快速原型开发模式在实际开发过程中的应用
- 快速原型开发模式在实际开发过程中的应用
- 做项目的研发模式,即怎么研发一个系统,一步一步怎么做:UP、RUP、迭代式、瀑布式、快速原型、敏捷开发,区别
- 结合Balsamiq Mockups、Napkee和Flex Builder进行快速原型开发 推荐
- [转] 具备手绘效果的快速原型开发:Balsamiq Mockups
- 【快速迭代】【原型开发】
- 后台开发也要快速原型
- Java Web开发框架对比—Part1—快速原型
- 物联网应用原型开发的快速解决方案
- 拾起Django,快速开发原型
- 物联网应用原型开发的快速解决方案---凯利讯半导体
- (贯穿全栈,小型产品,体会流程,工具学习,思维引导)作为程序猿快速执行前期产品原型设计以及项目开发流程纪录。。更新中
- Java Web开发框架对比—Part1—快速原型
- 快速迭代与原型开发
- 快速迭代与原型开发
- 如何快速开发一个智能聊天机器人
- UWP简单示例(三):快速开发2D游戏引擎
- 开发者必须知道的九款快速开发工具
- [开发日记]图片抽奖软件的原型设想及界面设计-打算用PowerPoint结合Vc++完美实现 (进展一)