今早起来看见 VS-Code 提示可更新，于是我就点了。。。
升级完之后惊喜出现了：
template 提示错误.jpg
我所有的
template 代码全部飘红，而 style 和 script 的内容是没有问题的。
原因：
我用的 vue 语法提示插件是：Vetur ,此处缺少一项用户设置。
解决办法：
打开 VS-Code ，依次打开-->文件-->首选项-->设置，打开后是这样：
用户设置.jpg
左侧窗口为默认设置，右侧为用户设置，即可以自定义一些插件。然后加入红框标注的这句代码就好了，代码如下：
"vetur.validation.template": false
启动项目后，又有如下提示：
黄色提示.jpg
WARNING in ./src/assets/components/Foot.vue
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* C:\Users\lf182\Desktop\fute+\futepcone\node_modules\vue-loader\index.js??ref--1!C:\Users\lf182\Desktop\fute+\futepcone\src\assets\components\Foot.vue
Used by 5 module(s), i. e.
C:\Users\lf182\Desktop\fute+\futepcone\node_modules\babel-loader\lib\index.js!C:\Users\lf182\Desktop\fute+\futepcone\node_modules\vue-loader\lib\selector.js?type=script&index=0&bustCache!C:\Users\lf182\Desktop\fute+\futepcone\src\assets\components\news\News.vue
* C:\Users\lf182\Desktop\fute+\futepcone\node_modules\vue-loader\index.js??ref--1!C:\Users\lf182\Desktop\fute+\futepcone\src\assets\components\foot.vue
Used by 1 module(s), i. e.
C:\Users\lf182\Desktop\fute+\futepcone\node_modules\babel-loader\lib\index.js!C:\Users\lf182\Desktop\fute+\futepcone\node_modules\vue-loader\lib\selector.js?type=script&index=0&bustCache!C:\Users\lf182\Desktop\fute+\futepcone\src\assets\components\product\Product.vue
@ ./src/assets/components/Foot.vue
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/assets/components/news/News.vue
@ ./src/assets/components/news/News.vue
@ ./src/assets/components/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
虽然项目也能正常启动，但是作为一个程序员，这是不能忍的事情。
最后发现是自己的代码不规范，新建的 .vue 文件名字是大写的，然而用 import 引入的时候却写成了小写，要不是今天更新 VS-Code ，我都没发现这个问题。
总结：
作为一个程序员，一定要谨慎谨慎再谨慎；写代码一定要规范规范再规范。少给自己挖坑，才能愉快的敲代码。😄😄😄
网友评论