1.首先打开VSCode，打开终端，输入npm install -g @vue/cli 全局安装vue脚手架。

全局安装Vue-cli

2.使用vue create firstdemo 命令创建一个Vue项目（firstdemo是项目名称 可以自定义）

选择预设方案

3.输入命令之后会出先以下几个选项，第一个是默认的预设方案，会安装Babel和eslint这两个模块，这里我们选择第二种自定义安装的方式。

选择需要安装的模块

4.这里我们除了安装Babel和Linter / Formatter外还安装了Router和Vuex模块

5.这个询问我们是否使用History模式路由，我们先选择否。

选择格式化代码方式

6.选择格式化代码的方式，我习惯用第三种ESLint+Prettier的模式。

7.询问我们格式化代码的时机，第一个是保存文件时（crtl+S）会自动格式化代码，第二种是Git commit 提交代码时才会格式化代码，为了书写代码规范，我们选择第一种。

8.询问我们把配置文件存放位置，第一个是独立文件存放，第二个是存到package.json中，这里我们选择第二种。

9.询问我们的是否保存当前配置作为预设，选择y。然后会让我们给自己的预设取一个名字，取一个自己喜欢的名字点击回车，开始创建项目啦。由于要安装很多依赖所以会比较慢，静静等待吧。

10.创建完成 先输入cd firstdemo跳转到我们的项目文件夹中，然后npm run serve 启动我们的项目。

11项目启动后访问http://localhost:8080/就可以看到我们的vue脚手架项目了

效果