创建基于vue2的vue-cli及运行，vue.js官网样例如何在vscode上运行（如何应对报错情况的三种解决方式）

8、弹出界面，运行成功

二、vue.js官网样例在vscode上运行的操作流程

 1、选中创建的项目，在components注册组件 TestT.vue

 2、打开vue.js官网，选中文档，互动教程

【vue.js官网网址： Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)】

 3、先点击左下角看答案，再将完整代码复制到新建的vue项目中

发现拷贝过来的代码报错

 4、在<template>组件中加入<div>组件

发现还在报错

 5、进入message1文件夹下的配置文件package.json文件中，找到 "eslintConfig"，将"root": false改为"root": false【 ESLint允许你指定你想要支持的JavaScript语言选项，关闭可避免一些过于严格的语法检查】，发现还在报错。

 6、进入message1文件夹下的配置文件package.json文件中，找到 "eslintConfig"，将"parserOptions"中加入"requireConfigFile": false即可

 此时错误消失

 7、在APP.vue中注册新加入的组件【为使效果更加明显，将原组件注释掉】

 8、同样，cd进入指定文件中，输入npm run serve，ctrl+单击 http://localhost:8080/

 vue.js官网样例运行成功