前端开发人员必学的VUE脚手架搭建

提示：vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。

一、cmd命令操作符如何打开？

1.win+r输入框内输入cmd回车打开

2.打开之后就是下面这个样子

二、创建vue脚手架

1.在黑窗口里面输入cd /然后按下回车

这样子文件创建地址就选到了我C盘，接着输入 vue crente 加上你想要创建项目的名字（名字必须是英文，不能采用驼峰式写法，也不可以大写）我创建的项目名字是myxing

按下回车键进行下一步，稍微等一会，创建项目需要30s左右，这个时候会出现这个窗口：

键盘上上下可以选择你需要的设置，我们选择第三个，第三个是手动选择的意思：

按下回车，等待一下，会出现下面这个窗口：

新手的话，我建议像我这样操作：

只选择这几项，其他的的都不选择，然后回车，项目开始搭建，然后会让我们选择vue版本，我这边用的是vue3，所以我选择第一个：

然后回车：

这个是是否使用路由的历史模式，新手的话都输入n：

回车：

直接选择第一个回车，输入n回车：

脚手架开始搭建，等待的时间相对长一些：

创建完之后输入他提示的命令：



回车进入下一步：

这个网址复制任意一个去浏览器打开，如果还要写项目的话，这个黑窗口要一直打开，可以最小化，但不能关闭，使用完后，下次想用这个创建好的vue脚手架也非常简单，只要打开cmd按下面图面教程即可：

总结

vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本。