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. 安裝插件：Auto Import  (自動導入包)

1. 安裝插件：Npm Intellisense   （npm模塊導入）
2. 配置 Npm Intellisense

3. {
     "npm-intellisense.scanDevDependencies": true,
     "npm-intellisense.importES6": true,
     "npm-intellisense.importQuotes": "'",
     "npm-intellisense.importLinebreak": ";\r\n",
     "npm-intellisense.importDeclarationType": "const",
   }