为了账号安全,请及时绑定邮箱和手机立即绑定

VS-Code 1.19.0更新后遇到的小问题

标签:
职场生活

今早起来看见 VS-Code 提示可更新,于是我就点了。。。
升级完之后惊喜出现了:

700

template 提示错误.jpg


我所有的 template 代码全部飘红,而 stylescript 的内容是没有问题的。


原因:

我用的 vue 语法提示插件是:Vetur ,此处缺少一项用户设置。

解决办法:

打开 VS-Code ,依次打开-->文件-->首选项-->设置,打开后是这样:


700

用户设置.jpg


左侧窗口为默认设置,右侧为用户设置,即可以自定义一些插件。然后加入红框标注的这句代码就好了,代码如下:

"vetur.validation.template": false

启动项目后,又有如下提示:


700

黄色提示.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 ,我都没发现这个问题。

总结:

作为一个程序员,一定要谨慎谨慎再谨慎;写代码一定要规范规范再规范。少给自己挖坑,才能愉快的敲代码。



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
8380
获赞与收藏
109

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消