避雷：Vue（JavaScript）的注释

原创 已于 2023-10-15 18:38:49 修改 · 298 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

于 2023-10-15 18:31:07 首次发布
文章讲述了开发者在使用Vue和JavaScript开发时，特别是在WebStorm和VSCode两个IDE中，关于注释放置位置对代码识别和bug定位的影响，强调了正确注释的重要性以及不同IDE的代码提示习惯。

Vue（JavaScript）的注释

我用的是webstorm
第21行的注释位置正确，如图👇
在这里插入图片描述
前后端运行效果👇
在这里插入图片描述

如果把21行的注释写在<el-table下面则导致编辑器识别不出<el-table下面的代码（从而导致表格内容加载失败，代码字体颜色变白很容易被忽略，加上在el-table后面又不小心加上了>，导致我以为表格代码没有问题，所以迟迟定位不到bug，还以为是methods中出现问题）👇
在这里插入图片描述

前后端运行效果👇在这里插入图片描述
如果用VScode，<el-table 后面加上>时会自动补上结束标志，下面的代码也会变白
在这里插入图片描述习惯了IDEA的字体颜色（因为IDEA正常的代码是灰色的）就会以为那些前端代码没有错误，我很少写前端，所以就容易忽视白色字体的代码
在这里插入图片描述

k666345
关注
vue3 + vite自定义封装vue+audio ，并发布到npm
l976689的博客
03-29 2231
vue3编写的自定义audio小工具，发布npm使用全过程讲解和遇到的坑
vue3.0 ts 前端利用HTML2canvas与JSpdf插件实现将页面保存为pdf格式下载
我只是个很菜的前端
03-31 1655
vue3.0 ts 前端利用HTML2canvas与JSpdf插件实现将页面保存为pdf格式下载
vue 文件 vue.config.js 的部分注释说明
Blau的博客
05-06 734
vue 文件 vue.config.js 的部分注释说明 代码注释说明如下，做个记录以备以后参考需要： const path = require('path') const resolve = dir => { return path.join(__dirname, dir) } // 项目部署基础 // 默认情况下，我们假设你的应用将被部署在域的根目录下, // 例如：https:...
学习Vue.js一些用过的注解和常见注解及示例
wx133466的博客
12-27 1271
在应用程序的入口文件（通常是main.js），你需要导入router.js，并将其作为Vue实例的一个选项，你的Vue Router已经配置好了。Element是一款基于Vue.js的UI组件库，提供了丰富的UI组件和交互效果，可以帮助我们快速搭建漂亮、易用的Web应用界面。在Vue.js开发中，有一些常用的插件可以帮助你更高效地开发和优化你的应用程序。Vuetify：一个基于Vue.js的UI组件库，提供了丰富的可复用的组件，帮助你快速构建漂亮的界面。在Vue.js中使用Vue Router非常简单。
完美解决vue文件的注释在webstrom2023中报错的问题
diiiiis的博客
05-12 393
打开 Settings => File Types 找到 HTML 添加。
vue 人门第三篇 main.js 注解
web_q的博客
05-04 684
// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. // 导入相关组件 import Vue from "vue"; import VueRouter from "vue-...
js能读取html注解吗,vue.js中如何注释？
weixin_31363913的博客
06-23 284
vue.js中如何注释？下面本篇文章给大家介绍一下vue 文件中的注释。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。vue 文件中的注释在每个代码块内，注释的时候，需要使用各自语言的注释语法去注释(HTML、CSS、JavaScript、Jade 等)。在文件最顶部注释的时候用HTML的注释语法： 。html 注释：pug(html) 注释：// 单行注释//- 不输出的单行注...
JSP开发避雷针：JS加载问题的常见错误与预防措施
!... # 摘要 ...首先介绍了JavaScript在JSP中的作用和重要性，然后深入探讨了JS文件加载的基本原理，包括同步加载与异步加载的差异和预加载策略。随后，文章列举了JSP中常见的JS加载问题，并提供了相应的
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
vben admin / ant design 的 Form表单获取/设置/清空某个表单项的值 , 使用 setFieldsValue 设置某个字段的时候,表单被清空的解决方案
YZRHANYU的博客
03-10 7791
vben admin / ant design 的 Form表单获取/设置/清空某个表单项的值 , 使用 setFieldsValue 设置某个字段的时候,表单被清空的解决方案
使用VsCode写Vue.js注释有误的解决办法
weixin_42508745的博客
10-13 1070
环境：vscode 1.8.1vue 21）症状。你们用Vscode 写 Vue 的时候，真的没遇到这个问题？： 当我想注释某个地方的时候，行或块都算。我兴奋地按下了 alt+/啪！ 这注释简直让人感动！！！有木有 ????????????????2）解决办法。vscode 插件超市中所有关于VUE的插件都用了，到是找到一个一劳永逸的方法：1.安装Vue 2 Snippets插件2.在settings.json中加入这个："files.associations": {"*.vue": "
【Vue】 前端代码风格指南--注释规范
DomCode
07-09 7191
如无必要，勿增注释 ( As short as possible ) 如有必要，尽量详尽 ( As long as necessary )
vscode配置前端注释模板（js,vue）
极客鼠之家
08-23 2800
此方法仅适用于vscode 1、首先打开快捷键 ctrl + shift +p 打开全局搜索 2、选择preferences:configure user snippets 选择之后，继续选择js或者vue文件对应json 3、若是选择js.json,复制如下代码到js.json { "Print to jsNoteTitle": { "prefix": "jsNoteTitle", "body": [ "/*",
IDEA vue相关注释配置
ChenSir_niu的博客
11-02 3686
IDEA中如何设置 vue文件的头注释和方法注释 前言 本人是一位前端开发人员, 最近换了一家新的公司，要求用 idea 开发项目，在写注释的时候遇到了一些问题，其中包括如何添加vue文件头部注释及方法的注释,在参考了一些大佬的方法后，总结了一下大概的步骤，供大家参考使用。 新建 vue文件 自动生成 头部 注释 打开file->setting->Editor->File and Code Templates->Files->Vue single File Component
Vue 前端代码风格指南
Mr.小灰狼_随笔
08-17 6023
Vue 前端代码风格指南 代码规范是一个非常重要的事情 ，很多企业都有自己的代码规范体系 ，而在不同阶段体系 HTML 、CSS、JS 也有代码规范 ! 那么到了后期框架和库阶段规范你知道吗 ? 今天为大家分享一组热门框架 VUE 的代码风格规范指南 ， 希望后续在写 Vue 方面代码有所帮助 ! 目录 一、命名规范 1.1、项目文件命名 1.2、Vue 组件命名 1.3、代码参数命名 二、代码规范 2.1、Vue 2.2、HTML 2.3、CSS 2.4、JavaScript 三、注释规范 四、其它...
配置自定义方法文件，以及方法注释的写法
qq_49490164的博客
04-15 506
这时可以在输入this.$fun.后查看所有公共方法，不能查看就是前面步骤有问题，参考第一步。因为经常卡在这种细节上，所以决定勤劳一点写文章拯救下一次卡在这里的自己。抛出方法记得写export default {fun1,fun2}我尝试过网上的好几种注释，都不能顺利的显示出注释内容，只有这种可以。把他绑定到VUE的原型上，$fun是自定义名。如果有人知道是什么原因，请评论区指导。插入方法后：提示信息完美展示。
你知道element中el-table的列名中不能含有" . "吗？
aab438346的博客
09-15 620
[本文出自天外归云的博客园] Vue+element比较流行，但是element有个坑，就是element的表格列名中不能含有点儿" . "，否则数据都显示不出来。 在element里表格是这样写的： <template> <el-table :data="rows"> <el-table-column v-for="column ...
IntelliJ IDEA添加JavaScript注释
Gary Leong
05-05 3997
创建JSDoc注释 IntelliJ IDEA可以帮助您创建JSDoc注释，并将它们用于JavaScript文档查找（Ctrl + Q）。IntelliJ IDEA可以识别文档注释内的TODO模式和闭包编译器注释，并在代码完成，意图操作，以及其他类型的编码辅助中使用它们。 启用JSDoc注释 在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“编辑器”下的“常规”，然后单击“智能键”。将打...
Vue3 + TypeScript 项目中规范注释和生成文档
最新发布
BillKu的博客
07-01 1009
在组件同级目录添加markdown复制下载---displayName: 用户卡片---# UserCard## 高级用法```vue<template>text复制下载---### 四、注释规范检查#### ESLint 配置 (`.eslintrc.js`)```jsrules: {安装依赖：bash复制下载。
Vue Performance Devtool扩展：Vue组件性能检测神器
Vue.js作为当下流行的JavaScript框架，对性能的优化自然成为了开发者关注的焦点。 为了在开发Vue.js应用时有效监控性能，VuePerformanceDevtool这一浏览器扩展应运而生。该扩展专门针对Vue.js构建，旨在帮助开发者...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值