使用WebStorm通过Terminal创建Angular组件后只读状态问题求助

一、快速解除当前组件的只读状态 #

别慌，这个问题很好解决，给你两种实用方法：

• WebStorm内直接操作：找到你创建的componentname组件文件夹（或单个文件），右键点击它，选择「Make File Writable」（中文界面是「使文件可写」）。WebStorm会自动移除只读标记，之后你就能正常编辑内容、添加子目录了。
• 通过系统权限修改：
  • Windows：打开文件管理器定位到组件文件夹，右键→「属性」，取消勾选「只读」选项后点击应用。
  • Mac/Linux：打开终端切换到项目根目录，执行命令 chmod -R +w src/app/componentname（把componentname换成你的实际组件名），递归给整个文件夹添加可写权限。

二、避免下次再踩这个坑 #

这个只读状态完全是因为你创建组件时加了--read-only参数导致的——Angular CLI的这个参数本身就是用来生成只读模板组件的。所以：

• 下次创建组件时，直接用基础命令 ng g c componentname 即可，不要额外加--read-only参数。
• 如果是经常手滑输错，可以给自己常用的CLI命令设置个快捷别名，或者检查下有没有误设置的脚本自动带上这个参数，从根源避免误操作。

内容的提问来源于stack exchange，提问作者ratomir