首页 » 常识 » 预防 » VueCLI是如何实现的终端
TUhjnbcbe - 2021/6/24 14:55:00

VueCLI是一个基于Vue.js进行快速开发的完整系统,提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分,也就是终端命令行工具的实现。

0.用法

用法很简单,每个CLI都大同小异:

npminstall-g

vue/clivuecreatevue-cli-test

目前VueCLI同时支持Vue2和Vue3项目的创建(默认配置)。

上面是VueCLI提供的默认配置,可以快速地创建一个项目。除此之外,也可以根据自己的项目需求(是否使用Babel、是否使用TS等)来自定义项目工程配置,这样会更加的灵活。

选择完成之后,敲下回车,就开始执行安装依赖、拷贝模板等命令...

看到Successfully就是项目初始化成功了。

vuecreate命令支持一些参数配置,可以通过vuecreate--help获取详细的文档:

用法:create[options]app-name选项:-p,--presetpresetName忽略提示符并使用已保存的或远程的预设选项-d,--default忽略提示符并使用默认预设选项-i,--inlinePresetjson忽略提示符并使用内联的JSON字符串预设选项-m,--packageManager

1
查看完整版本: VueCLI是如何实现的终端