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