Angular 2 cli ng new*缺少一组文件夹

Angular 2 cli ng new*缺少一组文件夹,angular,public,directory-structure,Angular,Public,Directory Structure,我不知道如何正确地问这个问题,所以在我艰难地回答这个问题时,请耐心听我说: 我正在学习Angular 2,教程中有一个步骤,即创建新文件并将其放置在“public”文件夹中。但是,我的目录中没有公用文件夹 我已经多次重新创建了一个新目录[ng new project name],但它一直在创建相同的目录结构,没有一堆在教程中很明显的文件夹。创建的唯一文件夹是“e2e”、“节点模块”和“src”。。。然后在根目录中有一堆json、js等文件,以及这3个文件夹 我缺少'config'、'dist'、

我不知道如何正确地问这个问题,所以在我艰难地回答这个问题时,请耐心听我说:

我正在学习Angular 2,教程中有一个步骤,即创建新文件并将其放置在“public”文件夹中。但是,我的目录中没有公用文件夹

我已经多次重新创建了一个新目录[ng new project name],但它一直在创建相同的目录结构,没有一堆在教程中很明显的文件夹。创建的唯一文件夹是“e2e”、“节点模块”和“src”。。。然后在根目录中有一堆json、js等文件,以及这3个文件夹

我缺少'config'、'dist'、'public'、'tmp'和'typings'。至少这是我在教程中看到的

问题#1有点宽泛,因为我不知道会发生什么(除了我在教程中看到的以外),但这是由于Node或NPM版本的缘故吗

问题#2;如果我在编辑器中手动创建这些文件夹,是否正常工作?我不确定是否需要通过angular cli设置任何依赖项。这就引出了我的最后一个问题

问题#3;如何在正常工作的目录中手动创建新文件夹?教程说这是不必要的,这就是为什么我很好奇如何避开这样的问题

多谢

视窗10

节点v6.9.4


NPM v3.10.10

您所遵循的教程已过时。在较新版本中,文件夹结构有所不同,但您可以找到所需内容:

有一些特殊的配置文件仅用于SystemJS。由于CLI现在使用Webpack,这些都不见了,配置文件夹也不见了。剩下的几个配置文件位于根目录中(angular-cli.json、karma.conf.js、dragrator.conf.js)

public文件夹现在是angular-cli.json中的资产属性。这是一个字符串数组。每个字符串都可以按原样匹配将复制到输出文件夹(默认情况下为dist)的文件(例如*.config文件被复制到dist/{filename}.config)。如果字符串与文件夹名称(例如资产)匹配,则文件夹本身将以相同的名称复制(例如复制到dist/assets)


typings文件夹用于加载JavaScript库的TypeScript定义文件(为非TypeScript库提供自动完成的文件)的同名工具。现在在TypeScript 2中,有了一种加载这些定义的新方法,即以@types(类似于Angular 2软件包在@Angular下的方式)的名称将它们作为NPM软件包加载,TypeScript自己理解并加载这些软件包,而无需其他工具。

您遵循的教程已经过时。在较新版本中,文件夹结构有所不同,但您可以找到所需内容:

有一些特殊的配置文件仅用于SystemJS。由于CLI现在使用Webpack,这些都不见了,配置文件夹也不见了。剩下的几个配置文件位于根目录中(angular-cli.json、karma.conf.js、dragrator.conf.js)

public文件夹现在是angular-cli.json中的资产属性。这是一个字符串数组。每个字符串都可以按原样匹配将复制到输出文件夹(默认情况下为dist)的文件(例如*.config文件被复制到dist/{filename}.config)。如果字符串与文件夹名称(例如资产)匹配,则文件夹本身将以相同的名称复制(例如复制到dist/assets)


typings文件夹用于加载JavaScript库的TypeScript定义文件(为非TypeScript库提供自动完成的文件)的同名工具。现在在TypeScript 2中,有了一种加载这些定义的新方法,即以@types的名称将它们作为NPM包加载(类似于Angular 2包在@Angular下的加载方式),TypeScript在不使用其他工具的情况下自行理解和加载这些定义。

您遵循的是哪一个教程?使用没有那种目录结构的…它在YouTube上由网络忍者发布。感谢官方的课程链接。我一定去看看。我看到的是每个人都在教Angular 2的功能,但我发现每个人似乎都在教如何自定义目录本身。这可能是因为它是假定的知识,但鉴于我不知道我不知道的东西。。。呵呵,你知道我的意思:)看看youtube视频,似乎视频是使用angular cli的早期版本录制的,该版本使用SystemJS,而当前版本1.0.0-beta.11和更高版本使用Webpack。从学习角度来看,更改不应该有太大的变化,因为您实际编写的代码将排他地位于src目录中。构建和服务脚本的方式可能会有细微的变化,但除非您计划更改构建过程本身,否则文件夹结构的变化不是一个因素。我想如果您真的想在该系列教程中使用确切的目录结构,您可以强制安装视频中使用的Angular CLI版本,但我真的不推荐它;Webpack绝对是Angular CLI的未来。在互联网上,我终于注意到src文件夹中有一个styles.css文件,因此您很可能认为这是由于版本问题造成的。打开它将显示一个占位符,说明使用它将全局影响项目。谢谢你的帮助!你在学习哪个教程?使用没有那种目录结构的…它在YouTube上由网络忍者发布。感谢官方的课程链接。我一定去看看。我看到的是每个人都在教Angular 2的功能,但我发现每个人似乎都在教如何自定义目录本身。这可能是因为这是假定的知识,但是