一、vue-cli的基本使用方法
安装vue-cli在使用vue-cli之前，需要确保本地已安装node.js环境以及npm包管理工具。然后在命令行中使用如下命令安装vue-cli：
npm install -g @vue/cli
如果已经安装过旧版本的vue-cli，则需要使用如下命令进行升级：
npm update -g @vue/cli
创建vue项目在安装完vue-cli后，就可以使用vue-cli来创建项目了。在命令行中使用如下命令创建一个新的vue项目：
vue create my-project
其中，my-project是你的项目名称，可以根据需要进行修改。然后按照提示选择需要的预设选项，比如使用babel、使用router等等。安装完成后，可以通过以下命令进入项目目录并启动开发服务器：
cd my-projectnpm run serve
构建vue项目在开发完成后，需要对项目进行打包以便于发布。可以使用如下命令对项目进行构建：
npm run build
这个命令会在项目根目录下生成一个dist目录，其中包括了构建后的所有静态资源文件。可以将dist目录下的所有文件上传到服务器上进行部署。
二、vue-cli的插件推荐
vue-cli除了提供基础的项目搭建工具外，还提供了丰富的插件扩展。以下是一些常用的vue-cli插件推荐：
vue-routervue-router是vue.js官方提供的路由插件，可以轻松构建单页应用程序。在使用vue-cli创建新项目时，可以选择添加vue-router插件。
vuexvuex是vue.js官方提供的状态管理插件，用于管理全局的应用状态。在使用vue-cli创建新项目时，可以选择添加vuex插件。
sasssass是一种css预处理器，提供了更多的css扩展功能。在使用vue-cli创建新项目时，可以选择添加sass插件。
axiosaxios是一个基于promise的http客户端，可以用于浏览器和node.js。在vue.js应用程序中，可以使用axios来发送http请求。在使用vue-cli创建新项目时，可以选择添加axios插件。
babelbabel是用于将es6+代码转换为向后兼容版本的工具，可以使得开发者在不用考虑浏览器兼容性的情况下，使用最新的javascript特性进行开发。在使用vue-cli创建新项目时，可以选择添加babel插件。
eslinteslint是一种静态代码分析工具，用于在编码时发现可能存在的问题。在使用vue-cli创建新项目时，可以选择添加eslint插件。可以根据自己的需求来调整规则以及错误提示等配置。
vuetifyvuetify是一个基于material design的vue.js组件库，提供了丰富的开箱即用的ui组件。可以使用vue-cli命令来添加vuetify插件：
vue add vuetify
以上是一些常用的vue-cli插件推荐。当然，也可以根据自己的项目需求来引入相应的插件。
总结
vue-cli是vue.js官方提供的快速构建vue项目的脚手架工具，可以极大地提高开发效率，降低项目开发难度。在使用vue-cli进行项目搭建时，应该熟悉其基本命令和常用插件，以便于构建出高质量、高可维护性的vue应用程序。
以上就是vue-cli脚手架的使用及其插件推荐的详细内容。