介绍
现如今，前端应用越来越复杂，项目中基本要用到 Vue，React 等单页应用框架，理解和掌握这些框架的开发难度逐渐增大，而 voila-cli 就是一个可以帮助开发者提高效率的 npm 包，它可以让我们快速的创建模板，一键安装依赖，轻松启动本地服务器等。
在本文中，我将会带领大家详细的学习 voila-cli 的使用，让你在项目开发时更加得心应手。
安装 voila-cli
在使用 voila-cli 之前，我们首先需要安装它，打开终端，输入以下命令：
npm install -g voila-cli
这条命令将会把 voila-cli 安装到全局环境中。
创建模板
初始化模板
创建模板之前，我们需要先初始化一下 voila-cli：
voila init
执行该命令后，命令行会提示你选择一个模板类型，例如 Vue、React、jQuery 等等，选择完成后，会自动下载所选模板，并在当前路径下生成一个初始化好的项目。
创建自定义模板
如果默认提供的模板无法满足你的需求，我们可以手动创建自定义模板。
首先，我们在本地创建一个空的文件夹，然后在终端进入到该文件夹中，执行以下命令：
voila create
之后 voila-cli 会生成一个基础的模板文件夹，里面有 src、public、.voilaignore 等文件和文件夹，你可以根据需求自由的修改和配置这些文件，创建出符合自己需求的模板。
智能一键安装依赖
当我们使用一些前端框架时，我们需要手动去安装一些依赖包，在 voila-cli 中，我们只需输入以下命令，依赖包就会自动安装：
voila install
此命令会读取模板文件夹中的 package.json 文件，根据其列表安装相关的依赖包。
快速开启本地服务器
voila-cli 还允许我们快速开启本地服务器：
voila serve
执行该命令后，voila-cli 会启动一个本地服务器，并在浏览器中打开该网站。
Voila! 翻译
voila-cli 还集成了翻译功能，你可以在终端中输入以下命令开启它：
voila translate
该命令会将你指定的一段文本翻译成你所需的语言，极大提高了我们翻译文档的效率。例如，输入以下命令将 Hello, World! 翻译成中文：
voila translate -s en -t zh "Hello, World!"
以上就是 voila-cli 的简要使用教程，通过掌握这些命令，你可以更加快捷高效的开发你的项目。祝你学习愉快！
示例代码：
package.json
-- -------------------- ---- -------
-
------- -------------------
---------- --------
---------- -----
---------- -
-------- ---------------- -------
-------- ---------------- ------
--
--------------- -
------ ---------
--
------------------ -
------------------------ ----------
------------------------- ----------
------------------------- ----------
------------------- ----------
--------------- ----------
--------- ---------
-------------------- ---------
------------------------ ---------
-
-main.js
-- -------------------- ---- ------- ------ --- ---- ----- ------ --- ---- ----------- ------ ------ ---- ---------- ------------------------ - ----- --- ----- ------- ------- - -- ------ -----------------
App.vue
-- -------------------- ---- -------
----------
---- ---------
------------ --
------
-----------
--------
------ ------- -
-
---------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552ee81e8991b448d0556