我发现了，按第一种终端代码创建的项目helloworld使用的是Airbnb模式，会有很严格的语法问题，标点符号，命名规范等等eslint会报错。而我恰好是用这个项目实操的。

刚才又在helloui项目上实操了一下，打开代码一看，末尾没标点了，逗号分号都没了，真是惊呆了，helloui项目使用的是standard，在保存的时候没有eslint报错问题。

所以，我的问题解决了，老师在视频课里没有讲到二者的区别，这里我遇到了，顿悟了

两种解决办法：1. 关闭ESLint 2. 配置ESLint自动修复，参考大前端电子书：https://front-end.toimc.com/notes-page/project/community-miniapp/01-%E6%90%AD%E5%BB%BA%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83.html#%E9%85%8D%E7%BD%AEvscode%E8%87%AA%E5%8A%A8%E4%BF%AE%E5%A4%8D%E5%8A%9F%E8%83%BD

有什么错误提示，或者自己的代码片段么？

在webstorm中是可以保存即修复文件的eslint问题的，使用最新的版本。

新版构建出来的router.js在router文件夹中的index.js，你首先看你有没有构建成功

chrome的话你要去https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd这里下载

Vue中ESlint配置文件eslintrc.js文件详解

看一下是不是这里的问题

确定一下：

• Webstorm有没有安装vue插件

• Webstorm的版本：最新的webstorm已经集成了vue。

• 或者自己在Editor->File and Code Templates中添加Vue Template->添加如下内容：

  
  

<template>

#[[$END$]]#

</template>

<script>

export default {

name: "${COMPONENT_NAME}"

}

</script>

<style scoped>

</style>

如果使用vscode，可以安装对应的vue插件Vetur插件。

同学，首先你要使用的是scss预编辑器对不对？因为我看到你写的嵌套语法，所以请先确定你的package.json中有没有sass-loader，然后，看看style标签上有没有lang="scss"，最后就是你的&符号的语法写错了。应该这样去写：

.test-class  {

// some style here

  &.active {

     //some active style code here  

  }

}

除了上面的方式以外，还可以自己去排查一下问题的原因：

1. 比如把鼠标移到红色的部分。

2. 比如看看编辑器的通知窗口。

都可以找到问题原因

谢谢你的关注。

你的Path路径写错了，最好是英文小写，你先可以写一个简单的/test，来试试？

参考：vue router起步

楼上的是对的，后面多了个空格。。。。

我也是显示不出来，为什么

?同学，你这个已经超出了我的课程范畴了，你需要自己百度一下了。

平时，我们同学应该用的多是vscode与webstorm，希望你能理解，我们只会对课程中的内容进行答疑。

从名称上来看，你是不是在router.js中写了两个Home?

下次提问，请提供且不限于以下内容：

• 错误截图

• 代码仓库

• npm node vue/cli版本

• 如何重现错误？

• 有没有自己找过解决方案？有没有自己尝试过？尝试的过程与结果！

webstorm对于入门的同学来说非常的智能，如果自己的内存吃的消，平时没有多个项目需要同时开启，那么webstrom是你的首选。

记住那句话，make it simple，做简单的事，别纠结。

webstorm最多吃1-5G的内存，我试过。如果是Macbook Pro，或者windows有16G的内存，完全可以吃的消。

vscode需要安装很多插件，我们会在我们的后期的课程中，专门介绍IDE的使用，vscode插件提供gist到同学群中。

这里设置false 就可以了

上面错误提示是，请注意这里是大小写敏感的，请检查一下你的Info组件路径有没有拼写错误。

App.vue是根文件，可以不写东西，也可以写一些所有页面上用的东西。

看你个人与业务需要！

我们课程演示中是方便~~没有别的用意

我自己解决了

所以咋解决的？

这个主要是用于在调试的时候，打印日志信息，追踪是哪个组件出现了问题。

咋解决的，我修改JavaScript的version还是不行

不是报错，而且是ESlint的格式警告提醒，可以把鼠标放在红色波浪线上，显示出含有蓝色字体的一段话，点击蓝色字体后选择第一项，或者修改ESlint的格式

没有区分大小的，看个人习惯，最好还是小写

多余的逗号

在设置里面，有一个插件选项，搜索vue，可以找到vue的插件，安装重启就OK啦。

是我蠢了，router.js里info的path没写。

哈哈 广告一波，

我在准备慕课网的首个 全栈课程（全新模式），大概会在5-6月份，同步推出3个课程。

建议使用webstorm，它是一款非常优秀的IDE，比起vscode更加的“智能”，在webstorm中下载安装vue扩展插件，如图所示：