请通过邮件订阅网站,随时获取最新动态!

# 快速开始

Next CLI 基于 Vue.js 官方的标准开发工具构建,进一步贯穿了整个前端项目的生命周期并采用业内最优秀的解决方案,重塑前端开发工作流程,从而达到降低开发成本,提高前端开发质量,提升用户体验的效果。

Next CLI 致力于将前端生态中的工具标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,让开发人员更专注于业务逻辑的实现,而不必花费时间去解决应用配置的问题。

# 快速安装

Next CLI 需要 Node.js v8.9 或更高版本,推荐使用 nvm 管理多个 Node 版本。请参阅:开发环境 > 运行环境

可以使用下列任一命令安装:

npm install -g @startdt/next-cli
# 或者
yarn global add @startdt/next-cli

安装之后,就可以在命令行中访问 next 命令。你可以通过这个命令来检查其版本是否正确:

next --version

如需升级全局的 Next CLI 包,请运行:

npm update -g @startdt/next-cli
# 或者
yarn global upgrade --latest @startdt/next-cli

# 系统组件

Next CLI 是前端技术生态解决方案的主要载体,包含以下几个独立的部分:

# CLI

CLI(@startdt/next-cli)是一个全局安装的 npm 包,提供了终端里的 next 命令。它可以通过 next create 快速搭建一个新项目,或者直接通过 next serve 构建新想法的原型。你也可以使用 next ui 通过一套图形化界面管理你的所有项目。

# CLI 服务

CLI 服务(@startdt/cli-service)是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @startdt/next-cli 创建的项目中。

CLI 服务基于 webpack (opens new window)webpack-dev-server (opens new window) 构建。主要包含:

  • 加载其它 CLI 插件的核心服务;
  • 一个针对绝大部分应用优化过的内部的 webpack 配置;
  • 项目内部的 next-cli-service 命令,提供 servebuildinspect 命令。

# CLI 插件

CLI 插件是向项目提供可选功能的 npm 包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。CLI 插件的名称以 @startdt/cli-plugin- 开头,非常容易使用。

当你在项目内部运行 next-cli-service 命令时,它会自动解析并加载 package.json 中列出的所有 CLI 插件。

插件可以作为项目创建过程的一部分,或在后期加入到项目中。它们也可以被归成一组可复用的预设(Preset)。