VueCLI是如何实现的终端

河北治疗白癜风医院 http://pf.39.net/bdfyy/qsnbdf/190328/7004385.html

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

转载请注明:http://www.sonphie.com/jibzd/14184.html

  • 上一篇文章:
  • 下一篇文章:
  • 网站简介| 发布优势| 服务条款| 隐私保护| 广告合作| 网站地图| 版权申明

    当前时间: