当前位置:首页 > 天道酬勤 > 正文内容

工其善其事必先利其器(工欲善其事必先利其器的启示)

张世龙2021年12月21日 01:52天道酬勤830

Vue.JS是一个比较受欢迎的前端js框架,Github上有很多基于此的开源立足项目。 由于工作原因,在将具有github的vue项目导入IDEA后,打开项目目录时,发现了各种标记为红色的代码,但项目将正确启动。

本文记录了删除这些错误消息的过程。 根本原因是IDEA环境设定无法识别的问题。 IDEA识别的有问题的文件与普通文件颜色不同,为红色。 普通文件名表示红色,js用红色波浪线直接表示红色。

0、cnpm

模块管理工具npm通常在下载模块时会变慢。 在这种情况下,必须使用国内镜像,安装cnpm后再使用cnpm工具。

节点包管理器(NPM ) :节点的软件包管理器。 node插件管理(包括安装、卸载、管理依赖等) cnpm:由于npm安装插件从海外服务器下载,因此网络影响较大,可能会发生异常。 如果NPM的服务器在中国就好了,所以比起乐意共享的淘宝官网:“这是完整的npmjs.org镜像。 可以使用它来代替官方版本(只读)。 同步频率现在十分钟一次,保证尽量与官方服务同步。 ”

如何安装cnpm :

NPM安装- gcn pm----注册表=https://注册表. NPM.Taobao.org

cnpm安装模块名称的具体表现如下。

1、Vue 文件中属性标签不识别

在div上有事件配置,但IDEA显示为红色,并显示“attribute @ clickisnotallowedhere”错误信息。 单击左侧的灯泡提供解决此错误的方法。

2、复制错误信息

IDEA的错误信息在直接提示的地方无法复制,会逃走。 但是,可以在底部的状态栏中右键单击“复制”进行复制。 在此插入图像说明65https://img-blog.csdn img.cn/20191207070532751.png

3、scss 文件报错

scss文件中的嵌套样式定义语句由IDEA指定为“{’expected”:

样式长度=' scss ' scoped

. app-breadcrumb.el-breadcrumb {

显示:在线模块;

字体大小: 14px;

线高度: 50px;

左边缘: 8px;

.否-直接{2}

color: #97a8be;

Cursor :文本;

}

}解决方法,定义时设定rel属性:

syle lang=' scss ' rel=' style sheet/scss ' scoped

4、ESLint 校验提示

错误消息是ESlint插件的语法问题。 例如,eslint :外部中小企业(semi )可以

您可以单击“使用eslint修复当前文件”直接修复这个简单的错误。

5、IDEA 版本

本地一直使用IDEA2016年的版本,但是如果将本地时间更改为将来的某一天,则存在打开时可以延长试用期的漏洞。 感觉好像很难找到IDEA的激活码,所以一直没有更改版本。 引入vue项目后,我才发现低版本与许多技术不兼容。 对以前的scss语言的支持在高版本中是可以实际识别的。

下载2019.3版本,随便搜索激活码就行了。 工具做好了。 真的很简单。 自己独自一步被困在洞里好几年了!

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/26009.html

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。