我使用的是node 6.3.0版本：

执行以下命令安装vue cli

安装完vue cli后，我们就可以在git bash窗口中使用命令创建Vue.js的项目了。
使用vue-browserify-simple模板
1.生成项目
右键运行Git Bash Here

在git bash下输入以下命令：
browserify-simple是项目模板的名称，my-browserify-simple-demo是你要生成的项目名称。

执行这个命令时，会有一些提示，一路按回车键。提示private (Y/n)时，根据需要输入Y或n，这里我输入了Y作为私有项目。

目录下生成了一个文件夹my-browserify-simple-demo。

2. 项目结构说明
打开my-browserify-simple-demo文件夹，看到以下目录结构：

打开index.html文件，注意它所引用的build.js文件并不存在，后面我会告诉你dist/build.js文件是如何生成的。

    my-browserify-simple-demo
  
  
    
    


import Hello from './components/Hello.vue' 表示引入components目录下的Hello.vue组件。
Hello.vue是App.vue的子组件：
Hello.vue
  
{{ msg }}
  



Hello.vue组件没有任何依赖，它仅仅输出一段简单的文字。
vue-browserify-simple示例
介绍完了这两种模板，我们就来做个小示例吧，下面这个示例使用的是vue-browserify-simple模板。
该示例的代码我就不贴出来了，大家可以到本文开头的GitHub地址去下载。


总结
vue.js官方提供的browserify项目模板，可以让我们很轻松地投入到vue.js的组件开发中。熟练使用这样的模板项目，不仅将组件代码给分离出来了，使得组件可以被重复利用，而且有助于组件代码的管理。
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!