使用 Vue.js 开发大型应用时,我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无疑效率是低下的,所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。
1、安装
vue-cli 是用 node 编写的命令行工具,我们需要进行全局安装。打开命令行工具,输入指令:
$ npm install -g vue-cli
注意:请确保 node 版本为 4.x、5.x 及以上
安装完成以后,执行如下命令:
$ vue --version
2、基本使用
生成项目模板的命令格式为
$ vue init
:模板名,比如 webpack, simple, browserify
: 本地文件夹名称
我们可以使用 vue-cli 来快速生成一个基于 Webpack 构建的项目。打开命令行工