问题:使用VS Code开发时,针对js文件代码提示失效。
问题描述:
最近使用react开发项目,在使用过程中发现vscode在初始化ts/js语言的支持时代码提示失效,而在HTML的script
标签中提示仍有效。
贴图如下:
js文件中无提示 HTML中有提示问题原因:
后经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",
}
解决后效果:
js文件中代码提示生效HTML文件中依然有效
网友评论