其他章節請看： 低代碼 系列 中後臺集成低代碼預研 背景 筆者目前維護一個 react 中後臺系統（以 spug 為例），每次來了新的需求都需要前端人員重新開發。 前面我們已經對低代碼有了一定的認識，如果能通過一個可視化的配置頁面就能完成前端開發，將極大的提高前端（或後端）的效率。甚至能加快企業內部 ...
在現代web開發中，使用別名來引用模塊已經成為了一個非常常見的做法。這樣可以使得代碼更加易讀、易維護。然而，在使用VSCode進行開發時，如果不正確地配置jsconfig.json文件，就會遇到一些問題。
其中一個比較常見的問題是，在使用“@”符號來引用模塊時，無法通過Ctrl + 點擊來跳轉到相應的文件。這是因為預設情況下，VSCode無法識別這個“@”符號，並且不知道該如何解析它。
為瞭解決這個問題，我們需要在jsconfig.json文件中進行一些配置。具體來說，我們需要在compilerOptions中添加paths屬性，並將“@”符號映射到具體的路徑上。
例如，在下麵的jsconfig.json文件中：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"],
"@/components": ["src/components"]
},
"experimentalDecorators": true
},
"resolveExtensions": [".js", ".vue", ".ts"],
"exclude": [
"node_modules",
"**/node_modules/*"
]
}
我們將“@”符號映射到了“src/”和“src/components/”路徑上。此時，在代碼編輯器中使用“@”符號引用模塊時，VSCode將能夠正確定位到相應的文件，並且可以通過Ctrl + 點擊進行跳轉。
總的來說，正確配置jsconfig.json文件是解決VSCode無法識別別名引用的一個非常有效的方法。這樣可以使得代碼開發和維護更加高效，也能夠提高開發者的工作效率。
(本文使用chatgpt生成)
