JavaScript前端框架CLI比较

许多现代JAVAScript前端框架都由一个独立的命令行界面 (CLI) 程序补充，该程序有助于设置合适的开发环境。这篇文章为新手和资深开发人员提供了可用于Angular、React和Vue的CLI程序的细分和比较，目的是帮助新开发人员了解与使用CLI工具相关的好处和权衡。

　　Angular CLI

　　Angular CLI是独一无二的，可能被认为是最“功能丰富”的，因为它超越了简单地创建项目并提供了节省时间的命令，这些命令在向项目中添加新组件时会生成大部分样板文件。

　　CLI旨在全局和本地安装。全局和本地版本之间的版本不一致通常不是问题，但如果你在多个项目之间切换和工作，可能会有些混乱。

　　当项目从beta版本到第一个稳定版本时，“angular-cli”包名称发生了变化。如果你的机器安装了较旧的beta版本，具体的升级步骤会有些繁琐。

　　使用子目录对组件、服务和其他 Angular 组件类型进行分组是很常见的。运行 `npm generate` 命令时可以包含子文件夹，但是当你不可避免地忘记时清理起来非常烦人。如果CLI提示这个和/或可以配置所需的子目录，那会更整洁。

　　Create React App

　　这个CLI工具绝对兑现了“无配置”的承诺。生成的项目配置文件异常精简。这对于不完全适应许多长配置文件的开发人员来说非常有用，这些文件通常包含在涉及Node、Webpack、Babel、测试和Linting工具的项目中。

　　环境配置文件的结构化方法，支持共享(提交)和个人(.gitignore'd)偏好和秘密，是一个亮点，因为它经过深思熟虑。

　　有点令人失望的是，必须立即从简化的create-react-app配置中“弹出”，而不是直接用于开发，而是让单元测试套件正常运行并通过 Foundation。诚然，这是由于代表基金会项目的次优包装，但这仍然是与CLI的摩擦点。

　　Vue CLI

　　与Vue生态系统中的几乎所有内容一样，CLI非常简单且易于使用。模板化方法以及在Browserify和Webpack之间进行选择的选项对于Vue的CLI来说是独一无二的，并且肯定有助于Vue框架的广泛和快速采用。

　　Vue的另一个独特方面是用于收集信息以启动项目的问答格式。鉴于Angular和React CLI程序都能够通过接收项目名称作为命令行参数来完成它们的工作，奇怪的是Vue提出了大约9个问题。

　　结论

　　很明显每个CLI都可以长期节省宝贵的时间，对于新开发人员来说，最大的胜利是可以轻松访问具有凝聚力的开发环境。对于有经验的开发人员，熟悉并定期检查CLI项目的状态可以提供一些很好的见解，这些项目提供了一种快速了解当前最佳实践、趋势和开发人员偏好的方法，了解每个前端框架周围的生态系统的整体状态也很棒。