欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

用vscode VSCode写Angular代码无法自动导入引用 有大用 有大大用

问题描述                

 这个问题困扰了我好多天。请看,这里我写了一个@Injectable()表达式,它显示报红了。我猜测自己是不是没引用这个东西,可是和VS 2017不一样的问题来了。VS 2017会自动提示你可能需要引用的命名空间之类的,但是VSCode似乎没有,他只是告诉我们有问题。这样的情况我遇见多次了,常常导致我们找不到解决问题的关键在哪里。            

           

 

 

解决问题                

 VSCode其实也是有自动导入包插件的,只不过大家得下载安装。步骤如下            

<1>打开扩展            

           

 

 

<2>在里面搜索Auto Import,初次打开,你会在右侧看见安装两个字            

           

 

 

<3>等待程序安装好之后,请重启你的VSCode            

 

<4>我们再来看看第一张图的表达式。鼠标点击这个表达式,上面会有一个灯泡哈。            

           

 

<5>打开灯泡。这里会提示你可能需要补充的西东,选中补充即可            

           

 

 

致谢                

博主之所以能解决问题,多亏发现了下面这篇博客。在这里对该博主表示感谢             

https://blog.csdn.net/G165945348/article/details/81433668            


           

来自  https://blog.csdn.net/Delicious_Life/article/details/85757900            


           


           

  • Egret Pro学习之路:vscode自动补全与自动import

                       

    看视频教程,创建了一个组件MyInputTest
    绑定不到编辑器的组件上。
    教程里面添加组件输入My就会联想到组件名称了,我这边出不来。
    还有一个问题就是代码添加组件的时候@component() 会自动import ,
    教程里面是import { component } from "@egret/ecs";
    我这边前面是一大串路径import { component } from "c:/users/wendy/appdata/roaming/egretpro/engine/release/1.6.0/packages/ecs";

    我基本是根据官方的入门学习笔记视频教程走的,不懂是哪一步错了还是漏了啥?

    然后编辑器关掉再打开就是一堆报错。。。。。。。。。

    官方回复说是关于vscode引入库的时候路径变成绝对路径的问题,主要是跟vscode编辑器的设置有关,

    于是在各种百度之后,终于解决了这个问题,小白萌新,反正就是一通安装与设置==

    自动补全与自动import 功能:                        

    1、安装插件:Path Intellisense   (自动补全文件路径)

    2、配置:

    "path-intellisense.mappings": {
         "@": "${workspaceRoot}/src"
    }
                           

    3、在项目package.json所在同级目录下创建文件jsconfig.json:

    {
        "compilerOptions": {
            "target": "ES6",
            "module": "commonjs",
            "allowSyntheticDefaultImports": true,
            "baseUrl": "./",
            "paths": {
              "@/*": ["src/*"]
            }
        },
        "exclude": [
            "node_modules"
        ]
    }
                           


                       

  1. 安装插件:Npm Intellisense   (npm模块导入)

  2. 配置 Npm Intellisense

  3. {
    "npm-intellisense.importES6": false,
    "npm-intellisense.importQuotes": "'",
    "npm-intellisense.importLinebreak": ";\r\n",
    "npm-intellisense.importDeclarationType": "const",
    }
  1. 安装插件:Auto Import  (自动导入包)

  • 相关阅读:


  •            

    来自  http://t.zoukankan.com/WentingC-p-13609023.html            


               


               


               

    vscode 快速修复 没有提示导入, Auto Import导入没有导入提示



    安装完Auto Import导入没有导入提示

    快速修复中没有导入

    因为在整个项目中你没有导入过,所以找不到。

    解决办法

    第一次手动引入,在第二个文件中引入就会有自动提示了。


    来自  https://blog.csdn.net/qq_33051709/article/details/104822775




    普通分类: