美文网首页
2019-12-20 VS Code 针对js后缀文件代码提示失

2019-12-20 VS Code 针对js后缀文件代码提示失

作者: 高荣伟 | 来源:发表于2019-12-20 16:19 被阅读0次

    问题:使用VS Code开发时,针对js文件代码提示失效。

    问题描述:

    最近使用react开发项目,在使用过程中发现vscode在初始化ts/js语言的支持时代码提示失效,而在HTML的script标签中提示仍有效。

    贴图如下:
    js文件中无提示 HTML中有提示

    问题原因:

    后经GitHub上vscode项目issue中得知因为初始化ts/js语言支持时,node_modules文件夹下文件导致初始化失败。也可以自己新建一个项目来验证,当项目中没有node_modules文件夹时,代码提示依然有效。当然现在react或vue项目都有依赖,不可能删除node_modules文件,所以该方法不能解决这个问题。

    解决方法:

    经过实验发现,两种解决方式。

    1. 在项目根目录配置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"
       ]
    }
    
    1. 通过设置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文件中依然有效

    相关文章

      网友评论

          本文标题:2019-12-20 VS Code 针对js后缀文件代码提示失

          本文链接:https://www.haomeiwen.com/subject/msrinctx.html