如何重命名Angular项目？

Question

我将Angular 4项目文件夹从拍卖生活重命名为拍卖05生活,并将以下三个旧项目名称替换为:

• angular-cli.json第4行
• app.e2e-spec.ts第3行
• package.json第2行

然后我跑了ng serve,得到了这个:

你似乎不依赖于"@ angular/core".这是一个错误.

编辑:按照下面评论中的说明,我重新启动终端窗口,确保我在正确的项目文件夹auction-05-life,npm install然后运行ng serve,这次有一个不同的例外:

module.js:471
    throw err;
    ^
Error: Cannot find module 'heimdalljs-logger'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
...

Answer 1

1. 修改angular.json文件中的项目名称（替换 中所有出现的旧名称angular.json）

2. 重命名项目文件夹名称。

3. node_modules从项目目录中删除文件夹。

4. 运行npm install命令。

5. 最后运行ng serve命令。

Answer 2

在撰写本文时,Angular-cli命令行不进行重命名.所以,这就是我所做的(手动):

1.首先,通过搜索"旧名称"来了解旧名称在项目中的实际投入.在Linux上,我使用简单的grep作为.

grep -ir "oldname" .

这显示了很多文件,其中大多数在/ node_modules下.所以我删除了/ node_modules(在完成重命名后将使用npm install).

2.接下来,我对当前文件夹中的文件执行Linux查找和替换命令,如下所示(源位于底部):

cd your folder
sed -i 's/oldName/newName/g' *

请注意

**学分:

查找替换"sed"命令来自: 如何在linux命令行中替换多个文件中的字符串

Answer 3

1. 在使用旧名称的任何地方搜索您的项目。
2. 在Visual Studio Code中，可以使用提供的搜索栏进行搜索。
3. 用新名称替换旧名称。
4. 也重命名项目文件夹名称，即可完成。
5. 如果在运行项目时发生错误，请删除node_modules并执行“ npm install”。一切都会正常并再次运行。