前言
作为前端工程师，我们经常需要进行打包、部署等繁琐的工作。而 xdc-cli 是一个可以帮助我们快速创建项目、进行打包、发布应用的工具。
在这篇文章中，我们将会详细介绍如何使用 npm 包 xdc-cli，以及几个常见的应用场景。
安装
使用 npm 安装 xdc-cli:
npm install -g xdc-cli
安装完成后，查看是否安装成功：
xdc -v
如果正常输出版本号，则表示安装成功。
使用
创建新项目
使用 xdc-cli 创建新项目：
xdc init projectName
其中 projectName 为你新创建项目的名称。
xdc-cli 会询问你需要包含哪些模块，比如 React、Vue、ESLint 等。选择后会自动为你生成项目文件目录结构。
开发调试
进入项目目录下：
cd projectName
启动项目：
xdc start
xdc-cli 会自动启动一个本地服务器，并且在浏览器中自动打开你的应用。
此时你可以进行开发编码、修改、调试等操作。xdc-cli 后台会进行实时编译，无需手动编译。
打包发布
打包：
xdc build
xdc-cli 会自动进行代码压缩混淆、资源文件合并等操作，并生成发布版本的代码。
发布到生产环境：
xdc deploy
xdc-cli 会将代码上传到指定的服务器，完成应用的部署。
示例代码
在本示例中，我们将使用 xdc-cli 创建一个包含 React 模块的项目。
首先，使用 xdc-cli 创建新项目：
xdc init react-project
然后，选择需要初始化的模块，选择 React 即可。
待 xdc-cli 初始化完成，进入项目目录：
cd react-project
启动项目：
xdc start
浏览器将自动打开项目页面，默认地址为 http://localhost:8080。
我们修改 src/App.js 文件，将默认内容改为：
-- -------------------- ---- -------
------ ----- ---- --------
-------- ----- -
------ -
-----
--------- -----------
------
--
-
------ ------- ----xdc-cli 会自动进行实时编译。可以在浏览器中看到修改后的页面。
xdc build
xdc-cli 会自动进行代码优化、压缩混淆等处理，并生成应用程序的发布版本。
在项目根目录下的 build 目录中可以找到编译后的文件。
xdc deploy
xdc-cli 会将生成的应用程序上传到指定服务器，并进行部署，发布到生产环境。
总结
通过本文的介绍，相信大家已经可以初步了解 xdc-cli 的使用方法了。
除了本文介绍的常用场景，xdc-cli 还有更多的功能和扩展点。如果你有兴趣了解更多，请访问 xdc-cli 文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006711a8dd3466f61ffe82c