快速原型开发 |
您所在的位置:网站首页 › vuecli安装指令 › 快速原型开发 |
快速原型开发 # 你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展: npm install -g @vue/cli-service-globalvue serve 的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。 vue serve #Usage: serve [options] [entry] 在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器 Options: -o, --open 打开浏览器 -c, --copy 将本地 URL 复制到剪切板 -h, --help 输出用法信息你所需要的仅仅是一个 App.vue 文件: Hello!然后在这个 App.vue 文件所在的目录下运行: vue servevue 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 构建目标 (app | lib | wc | wc-async, 默认值:app) -n, --name 库的名字或 Web Components 组件的名字 (默认值:入口文件名) -d, --dest 输出目录 (默认值:dist) -h, --help 输出用法信息你也可以使用 vue build 将目标文件构建成一个生产环境的包并用来部署: vue build MyComponent.vuevue build 也提供了将组件构建成为一个库或一个 Web Components 组件的能力。查阅构建目标了解更多。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |