angular cli生成的不同文件集

Posted

技术标签:

【中文标题】angular cli生成的不同文件集【英文标题】:Different set of files generated by angular cli 【发布时间】:2017-01-29 15:52:36 【问题描述】:

我是 angular2 的初学者,我正在学习不同的教程。以下是他们的文件结构:

教程相对于下图的链接:

https://www.udemy.com/ultimate-angular-2/learn/v4/t/lecture/5723842

教程相对于下图的链接:

https://www.youtube.com/watch?v=DBjPIabiRNg

我的不一样,它缺少 config、dist、node_modules、tmp 和 typings 文件夹:

我正在使用这些版本:

$node -v
v6.6.0
$npm -v
3.10.7
$ng -v
angular-cli: 1.0.0-beta.15
node: 6.6.0
os: darwin x64

angular-cli 安装错误:

https://gist.github.com/kim-montano/df9d492ce83768b744fc9a5f6d8bf498

我做的步骤:

    已下载:https://nodejs.org/en/download/current/ 我运行了这个命令:$ npm install -g angular-cli 转到文档中我想要 angular2 项目的文件夹 出现。 键入:ng new first-app

【问题讨论】:

您在使用 cli 命令安装时遇到任何错误..? 嗨@Outlooker,我已经编辑了我的问题。我包含了一个链接,因此您可以查看错误日志。 IDK 如果这很重要,但我没有使用 sudo,因为我按照这里的说明进行操作:docs.npmjs.com/getting-started/fixing-npm-permissions 我还包括了我在生成新项目之前所做的步骤。 能否请您发布您的 package.json 文件..? Outlooker 感谢您对此进行调查。下面是 angular-cli 生成的包:gist.github.com/kim-montano/b827d6bc62eb04439e4a6f6383ffb9c6 【参考方案1】:

由于昨天(2016 年 9 月 20 日)发布了 1.0.0-beta.15,您正在查看的教程可能使用的是旧版本的 CLI,可能不同的文件结构。

如果您提供更多详细信息将会很有用,以便人们能够为您提供帮助。


更新:您提到您缺少node_modules 文件夹。这可能是因为您没有运行npm install 来安装项目依赖项。 tmpdist 文件夹与您构建项目时相关。

【讨论】:

您需要哪些详细信息?如果你愿意,我可以提供。到目前为止,我已经提供了我使用的软件包的版本。 您在帖子第一行提到的their files 是什么/谁。链接到您正在学习的教程? 我已经编辑了我的问题请看一下,我还添加了我在安装 angular-cli 时遇到的错误。

以上是关于angular cli生成的不同文件集的主要内容,如果未能解决你的问题,请参考以下文章

Angular CLI 在库构建中包含样式表 scss 文件

Angular 8 with Ivy 如何验证它的使用

由angular命令行工具(angular-cli)生成的目录和文件

ng:使用 angular-cli 创建新项目时找不到命令

Angular4 + MVC + cli + 使用从 cli build 命令生成的 dist 文件夹进行部署

Angular CLI 生成的“spec.ts”文件有啥用?