宣布 vue-cli

2015 年 12 月 28 日

最近有很多关于开始 React 项目时的工具障碍的讨论。幸运的是，对于 Vue.js 来说，你只需要通过 <script> 标签从 CDN 包含它就可以开始快速原型设计，所以我们已经解决了这部分。但是，这不是你构建真实世界应用程序的方式。在真实世界的应用程序中，我们不可避免地需要一定程度的工具来为我们提供模块化、转译器、预处理器、热重载、代码风格检查和测试。这些工具对于大型项目的长期可维护性和生产力是必要的，但初始设置可能很痛苦。这就是我们宣布 vue-cli 的原因，这是一个简单的 CLI 工具，可以帮助你快速搭建 Vue.js 项目，并提供有见地的、包含电池的构建设置。

仅仅是脚手架

使用方法如下

npm install -g vue-cli
vue init webpack my-project
# answer prompts
cd my-project
npm install
npm run dev # tada!

CLI 所做的只是从 GitHub 上的 vuejs-templates 组织中拉取模板。依赖项通过 NPM 处理，构建任务只是 NPM 脚本。

官方模板

官方 Vue 项目模板的目的是提供有见地的、包含电池的开发工具设置，以便用户能够尽快开始编写实际的应用程序代码。但是，这些模板在如何构建应用程序代码以及除了 Vue.js 之外使用哪些库方面没有意见。

所有官方项目模板都是 vuejs-templates 组织中的仓库。当一个新的模板被添加到组织中时，你将能够运行 vue init <template-name> <project-name> 来使用该模板。你也可以运行 vue list 来查看所有可用的官方模板。

当前可用的模板包括

browserify - 一个功能齐全的 Browserify + vueify 设置，包括热重载、代码风格检查和单元测试。
browserify-simple - 一个简单的 Browserify + vueify 设置，用于快速原型设计。
webpack - 一个功能齐全的 Webpack + vue-loader 设置，包括热重载、代码风格检查、测试和 CSS 提取。
webpack-simple - 一个简单的 Webpack + vue-loader 设置，用于快速原型设计。

自备设置

如果你对官方模板不满意，你可以 fork 这些模板，修改它们以满足你的特定需求（甚至从头开始创建自己的模板），并通过 vue-cli 使用它们，因为 vue-cli 可以直接在 GitHub 仓库上工作。

vue init username/repo my-project

Vue 组件无处不在