如何阻止VS Code的Ionic扩展自动添加import语句
解决Ionic扩展误给非Ionic Angular项目自动添加ionicons导入的问题
问题说明
用Angular 18搭配Material开发的项目里,没装任何Ionic依赖,但每次保存.html文件时,Ionic VS Code扩展(v1.93.1)都会自动在对应的.ts文件里插一句import { addIcons } from "ionicons";,应该是扩展把<mat-icon>当成了Ionic的图标组件导致的误触发。
不用卸载/禁用扩展的解决办法
1. 关闭工作区的Ionic自动导入功能
打开VS Code设置(按Ctrl+,或Cmd+,),切到工作区标签,搜下面的设置项改成false:
Ionic: Enable Auto Import- 如果找不到上面的,就搜
Ionic: Icon Auto Import,同样设为false
2. 用.ionicignore让扩展忽略当前项目
在项目根目录新建.ionicignore文件,里面只写一行:
*
这样Ionic扩展会把整个项目判定为非Ionic项目,就不会自动加导入语句了。
3. 仅在当前项目禁用Ionic扩展
在VS Code左侧扩展面板找到Ionic,点右上角的齿轮图标,选禁用(工作区)——这样这个扩展只在当前项目失效,其他Ionic项目还能正常用。
内容的提问来源于stack exchange,提问作者display-name unset
相关产品推荐
相关产品推荐

