.gitignore不起效果的解决方法

问题场景描述：
昨天，使用vue-cli搭建项目时，搭建完随手上传到了github上，结果node_modules也上传了。。。场面哪个壮观。。。上万个文件。。
这时候想到了.gitignore 文件。。。于是在文件中写下了

再安装个vue-router。。。结果🈶有了5k的文件修改。。gitignore 没有生效
经过一系列的搜索：问题原因：是node_modules 已经上传了。。在设置.gitignore 就不好使了。
所以现在要做的是清除
终端输入：
git rm -r --cached .
git add .
git commit -m ‘备注信息’
git push -u origin master

接着gitignore就生效了😂