Vue 脚手架工具 Vue CLI

作用

快速搭建Vue项目。

CLI

CLI (@vue/cli) 是一个全局安装的npm包，提供了终端里的Vue命令。

它可以通过vue create快速搭建一个新项目。

也可以通过vue ui通过一套图形化界面管理的所有项目。

CLI Service

CLI Service (@vue/cli-service) 是一个开发环境依赖。

它是一个npm包，局部安装在每个@vue/cli创建的项目中。

CLI Service是构建于webpack和webpack-dev-server之上的。它包含了：

• 加载其它CLI插件的核心服务。
• 一个针对绝大部分应用优化过的内部的webpack配置。
• 项目内部的vue-cli-service命令，提供serve、build和inspect命令。

CLI Plugin

CLI Plugin是向Vue项目提供可选功能的npm包，例如Babel/TypeScript转译、ESLint集成、单元测试和end-to-end测试等。

Vue CLI Plugin的名字以@vue/cli-plugin- (内建插件) 或vue-cli-plugin- (社区插件) 开头，非常容易使用。

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

安装

npm i -g @vue/cli@5.0.4

查看版本

vue -V

升级

npm update -g @vue/cli

卸载

npm uninstall vue-cli -g

安装插件

vue add：在现有的项目中安装插件

vue add eslint

UI 界面

可使用交互式的UI界面创建工程，管理工程。默认会启动8000端口。

vue ui

参考

https://cli.vuejs.org/zh/guide