问题:
使用VS Code开发时,针对js文件代码提示失效。
问题描述:
最近使用react开发项目,在使用过程中发现vscode在初始化ts/js语言的支持时代码提示失效,而在HTML的script标签中提示仍有效。
问题原因:
后经GitHub上vscode项目issue中得知因为初始化ts/js语言支持时,node_modules文件夹下文件导致初始化失败。也可以自己新建一个项目来验证,当项目中没有node_modules文件夹时,代码提示依然有效。当然现在react或vue项目都有依赖,不可能删除node_modules文件,所以该方法不能解决这个问题。
解决方法:
经过实验发现,两种解决方式。
在项目根目录配置jsconfig.json文件,并配置过滤node_modules文件夹,可以解决此问题。
配置如下:
// See https://go.microsoft.com/fwlink/?LinkId=759670
// for the documentation about the jsconfig.json format
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"allowSyntheticDefaultImports": true
},
"exclude": [
"node_modules",
"bower_components",
"jspm_packages",
"tmp",
"temp"
]
}
通过设置vscode的设置解决。
增加配置: "javascript": "javascriptreact"
,
配置方法:打开设置,显示json文件,
在settings.json中增加配置: "javascript": "javascriptreact"
,
{
"files.associations": {
"*.js": "javascript"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact",
},
"javascript": "javascriptreact",
"[javascript]": {},
"[javascriptreact]": {},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
}
作者:高荣伟
链接:https://www.jianshu.com/p/1a7890b9da65
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。