Fatal编程技术网
  • angular/
  • Angular 极简主义安格拉尔2成立

Angular 极简主义安格拉尔2成立

angular

Angular 极简主义安格拉尔2成立,angular,Angular,我很难理解在Typescript中使用Angular2的基本功能真正需要什么。如中所示，极简主义项目是什么样子的？在一个“真实”的项目中（不仅仅是“Hello World”，也不复杂），我绝对需要什么依赖关系 例如，我意识到这个问题有答案，但它们似乎包含了很多绒毛。棱角分明的书似乎过时了。例如，我在angular2上运行了npm安装，得到的软件包与ng-book2列出的不同（不过，我承认，我不久前得到了它，所以它可能已经更新了） 安装或确保您拥有最新版本！即使是相对较新的装置现在也可能过时。要在

我很难理解在Typescript中使用Angular2的基本功能真正需要什么。如中所示，极简主义项目是什么样子的？在一个“真实”的项目中（不仅仅是“Hello World”，也不复杂），我绝对需要什么依赖关系

例如，我意识到这个问题有答案，但它们似乎包含了很多绒毛。棱角分明的书似乎过时了。例如，我在angular2上运行了npm安装，得到的软件包与ng-book2列出的不同（不过，我承认，我不久前得到了它，所以它可能已经更新了）

  • 安装或确保您拥有最新版本！即使是相对较新的装置现在也可能过时。要在windows上重新安装node，最简单的方法是转到该站点并再次下载安装程序
  • npm安装角度2
  • npm安装-g类型脚本
  • 我在这方面悬赏，所以如果能得到一个步骤列表和一些具有基本功能的示例代码就好了。我还对项目中需要参考的内容和原因感兴趣。（例如，我注意到Angular 1的一个区别是，人们似乎引用了npm安装的Angular 2文件夹中的多个文件，为什么？）

    p.S.更倾向于使用Webpack，或者解释对于极简设置是否可以忽略SystemJs和Webpack

    Angular 2是一个模块化框架，有一些核心模块，还有很多可选模块。这些模块可以连接在一起，形成具有不同功能的不同类型的应用程序

    这里有一些很好的官方文件

    就快速入门而言，我建议使用angular cli，只需使用webpack分支
    https://github.com/angular/angular-cli/tree/v1.0.0-beta.11-webpack.8

    答案1： 刚刚遇到一个链接-手动设置，它真正解释了为什么我们要为Angular 2应用程序设置添加某某文件

    • 与
      npm install angular cli
      相比，我们需要手动执行一些步骤，以便更好地（在一定程度上）了解我们在做什么
    • 它是极简主义的-无需测试-只需包含Angular2所需的内容-Hello world
    我在他们提供的代码文件中发现了一个错误。 在
    index.html
    文件中，而不是

    提及

    它应该是文件的相对路径，我们告诉角度传感器加载组件

    希望它能回答

    答复2： 在
    nodejs
    安装之后，只需3个命令即可完成此操作

    npm install -g typings
npm install -g angular-cli

ng new PROJECT_NAME
    这将与Angular2建立一个新项目

    运行以下命令：

    ng new PROJECT_NAME
cd PROJECT_NAME
ng serve
    就是这样，您现在有一个使用Angular 2制作的简单示例项目。现在，您可以导航到终端中显示的链接 看看它在运行什么

    对于初学者来说，我建议第一种更好地理解的方法-正在发生的事情和所有事情。

    Angular2是一个框架，有很多依赖性。所以，是的，有很多绒毛需要配置的一切工作

    这就是你需要的。简单地说，最小项目与复杂项目（libs/dependencies/build-related）几乎相同

    您可以从快速启动中跳过的唯一一件事就是测试。

    我在这里介绍了如何创建使用SystemJS的简约Angular 2 RC.6项目：

    有关基于网页包的简约项目，请参阅此项目：

    这是一个用于最小角度2设置的插入器。这是angular团队使用的起始模板

    让我向你介绍我真正了解的情况

    这个种子是特别的，因为它不是一个经典的angular2项目，而是一个基于称为angular2的技术的angular2同构种子。它也有一个压缩系统，使您的项目更快

    下面是一个模式，它向您展示了同构应用程序的概念

    这个概念很简单：同构于希腊语“isos”中的“equal”和“morph”中的“shape”。同构描述的是，如果你在两个不同的上下文中看同一个实体，你应该得到相同的东西。这里的上下文是服务器和客户端。尽管这个术语到目前为止主要用于数学，但它是描述前端和后端共享代码的web编程模式的合适术语

    要继续，这种模式应该允许您继续。这一改进将使您的web应用程序更快，因此顺便说一句，它对SEO非常友好，并且更易于维护谷歌会非常喜欢它，因为如果没有同构模式，angular2应用程序的HTML结构几乎是空的，这对语义非常不利

    我也邀请你观看

    我想你已经听说了，它是Angular2的强大竞争对手。出于某些原因，您可能更喜欢它，这就是为什么您应该阅读名为“”的文章

    确信吗？：让我们安装Angular2 Universal

    第一步很简单：检查您是否具备先决条件。只需键入以下命令：

    node -v && npm -v
    如果您的结果看起来像下面的输出，这意味着您已经安装了NodeJS和NPM

    v5.8.0
3.10.6
    如果输出不同，下面是要在特定环境中安装和安装的完整说明。要克隆存储库，您还需要

    完成后，通过编写以下内容克隆存储库：

    git clone https://github.com/angular/universal-starter myProject
cd myProject
    然后，您必须安装该项目使用的节点模块。项目的依赖项列表在package.json文件中有详细说明。要安装它们，只需使用项目文件夹中的以下命令：

    npm install
    如果您使用的是Ubuntu，您可能会遇到npm授权问题。在这种情况下，您可以作为
    sudo
    用户运行
    npm install
    ， 
    v5.8.0
3.10.6

    git clone https://github.com/angular/universal-starter myProject
cd myProject

    npm install

    npm install typings --global

    typings install

    npm start