Question

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

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

然后我跑了ng serve并得到了这个：

你似乎不依赖于“@ angular / core”。这是一个错误。

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

ng serve

Answer 1

在撰写本文时，Angular-cli命令行不进行重命名。所以，这就是我所做的（手动）：

<强> 1 即可。首先，通过搜索“旧名称”来了解旧名称在项目中的真实投入。在Linux上，我使用简单的grep as。

grep -ir "oldname" .

显示了这么多文件，其中大部分都在/ node_modules下。所以我删除了/ node_modules（在完成重命名后将使用npm install）。

<强> 2 即可。接下来，我做了Linux找到＆amp;将命令替换为当前文件夹中的文件，如下所示（源位于底部）：

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

最后，不要忘记在当前目录中执行 npm install 以安装package.json中列出的依赖项（请记住我们删除了具有旧名称的node_modules）

**学分：

查找替换“sed”命令来自： How to replace a string in multiple files in linux command line

Answer 2

修改angular.json文件中的项目名称以及项目文件夹名称。从项目目录中删除“ node_modules”文件夹。然后运行npm install命令。最后运行ng serve命令。

Answer 3

使用macOS，转到角度项目文件夹，并使用sed命令将旧名称替换为您想要的新名称：

LC_CTYPE=C && LANG=C && find * -type f -exec sed -i "" "s/old-angular-project-name/new-name/g" {} +

Answer 4

1. Open your project directory with "Visual Studio Code"
2. Usually Ctrl+Shift+H enter "old project name" and replace "new project name" it everywhere Ctrl+Alt+Enter.
3. Delete "node_modules" folder from your project directory.
4. Rename project folder name.
5. Run "npm install" command.

Finally run "ng serve" command.

Answer 5

如果您对bash脚本不熟悉，但是对您的IDE熟悉，则始终可以在文件中执行递归搜索（通常 Ctrl + Shift + F < / kbd>）并将其替换到任何地方-VSCode上的 Ctrl + Alt + Enter 。 Visual Studio Code Example

Answer 6

在使用旧名称的地方搜索您的项目。
在Visual Studio Code中，可以使用提供的搜索栏进行搜索。
用新名称替换旧名称。
也重命名项目文件夹名称，即可完成。
如果在运行项目时发生某些错误，请删除node_modules并做“ npm install”。一切都会好起来，然后再次运行。

如何重命名Angular项目？

6 个答案: