vue-cli 发布(译)

最近有许多关于React项目工具的讨论,讨论了工具的使用问题。若是你如今正在使用Vue.js,当你构建一个原型的时候,你所须要作的一般就是经过<script>把Vue.js引入进来,而后就完事了。可是真实状况每每不是这样的。当咱们真正开发一个应用的时候,咱们不可避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个须要长期维护的大型应用是必须的,可是项目初始化将会是让人痛苦的事情。这就是为何咱们作了vue-cli,让一个简单的命令行工具来帮助你快速的构建一个拥有强大构建能力的Vue.js项目。javascript

仅仅为了初始化

下面是使用方法:vue

# 安装vue-cli
npm install -g vue-cli

# 使用vue-cli初始化项目
vue init webpack my-project

# 进入到目录
cd my-project

# 安装依赖
npm install

# 开始运行
npm run dev

上面的这些命令会从vuejs-templates拉取模板并安装,而后用NPM安装依赖,最后你只须要用个NPM脚本启动就能开始开发了。java

官方模板

这些官方的模板存在的意义在于提供强大的项目构建能力,以致于用户能够尽量快速的进行开发。然而可否真正的发挥做用还在于你如何组织你的代码和你使用的其余库。webpack

全部的官方模板均可以在vuejs-templates organization找到。若是有一个新的模板放在了这里,你能够直接就用vue init <template-name> <project-name>使用。你也能够运行vue list命令来看看如今有哪些官方模板是如今可用的。git

目前有如下模板可供选择:github

  • browserify - 拥有高级功能的 Browserify + vueify 用于正式开发。web

  • browserify-simple - 拥有基础功能的 Browserify + vueify 用于快速原型开发。vue-cli

  • webpack - 拥有高级功能的 Webpack + vue-loader 用于正式开发。npm

  • webpack-simple - 拥有基础功能的 Webpack + vue-loader 用于快速原型开发。bash

建立属于你的模板

若是你对官方的模板不感兴趣,你能够本身fork下来而后进行修改(或者从新写一个),而后用vue-cli来调用。由于vue-cli能够直接拉取git源

vue init username/repo my-project

无处不在的Vue组件

每个模板都有本身的做用:基础版本用于快速构建原型,高级版本用于正式开发。这些模板有许多共同的功能,如都支持*.vue组件。这意味着任何第三方的Vue组件均可以随意使用,而且能够垂手可得的发布在NPM上 - 让咱们建立出更多的可重用组件!

相关文章
相关标签/搜索