【问题标题】:How to start angular4 project?如何启动 angular4 项目?
【发布时间】:2017-07-25 10:39:03
【问题描述】:

我以前在使用 angular2 项目,现在我需要创建一个 angular4 项目。我的问题是

  1. 我从哪里获得 angular4 项目?
  2. 我是否应该做一些不同的事情来获得一个 angular4 项目?如果不是,那么我将如何确定它是一个 Angular 4 项目?
  3. 我应该为 Angular 4 项目使用 @angular/cli 吗?
  4. 是否有任何不同的设置,例如 angular4 的 package.json?

我的一位同事说,使用 cli 命令本身就意味着我们正在使用 angular4,这是真的吗?

谢谢

【问题讨论】:

    标签: angular


    【解决方案1】:

    没有“Angular 2”或“Angular 4”之类的东西,按照命名约定,它只是 Angular

    您正在寻找的是角度包的版本号。 (Angular 使用语义版本控制将更改反映到版本号中,请参阅semver)。

    对于一个新的 Angular 项目,您可以只使用最新的 @angular/cli,它会自动安装与 CLI 版本兼容的最新版本的 Angular,并设置构建/捆绑过程的所有要求。 (推荐给初学者)*

    如果您不想使用 CLI,您可以寻找 angular starter 存储库/种子或从头开始创建自己的项目。

    如果您想从头开始创建自己的项目,请查看如何使用 Angular 设置 Webpack(版本 ^4.0.0)的教程。

    如果您已经有一个使用 ~2.x.x 版本的 Angular 项目,您只需更新您的依赖项并迁移您的代码。或者,如果您之前使用过 CLI,请遵循迁移指南 here

    * 你可以稍后弹出 webpack 配置,在构建过程中自己做更复杂的事情

    【讨论】:

      【解决方案2】:

      您可以使用 Angular CLI 是的,另一个非常全面的种子是 mgechev

      【讨论】:

        【解决方案3】:

        最好的方法是通过 CLI(命令行界面)。这很容易,它还可以处理 Angular 项目中所需的所有导入和服务器。 您必须首先安装 nodeJS 才能使其工作。

        1. Download nodejs
        2. Open command prompt and type npm install -g @angular/cli ----> This will install Angular CLI into the system which will help us to install the angular application.
        If you face any issue in installing it like checksum update the npm and 
        clear npm cache
        
                                npm install -g npm
                                npm cache clean --force
        
        1. Once cli is installed, create a folder where you want to create the project from scratch
        2. ng new <<application name>>
        3. Open the project in an editor
        4. From command prompt, start the angular server by :: ng serve
        5. open your browser on http://localhost:4200/
        

        【讨论】:

          【解决方案4】:

          您可以参考链接Here。有多种方法可以获得角度 4。我建议使用手动方法,因为如果您使用 CLI,您会根据 CLI 的版本获得角度版本。例如,如果您有 angular CLI 版本 1.6.0,那么您总是会得到 angular 5。

          您可以检查您的 package.json 文件以了解您安装了哪个 Angular 版本。

          【讨论】:

            【解决方案5】:

            嗯,角度 2 和 4 在语法上并没有太大的区别。

            Angular 4 只是对前一个的改进,例如添加 if then else,如 for 循环,在管道过滤器中添加标题大小写,更快的 typescript 版本升级等。 供进一步参考 https://www.tutorialspoint.com/angular4/angular4_overview.htm

            好吧,谷歌最好建议使用 angular cli 来处理 angular,它在以前的版本中使用相同,但除了 cli 之外,还有其他方法可以处理它。

            【讨论】:

              【解决方案6】:

              只有两个不同的版本。因此,您可以使用 AngularJS(即 Angular 1.x)或 Angular(即 Angular 2/4)。根据使用情况,您应该将 Node 和 npm 的版本更新到最新版本,这样您就可以使用 angular4。项目的创建还是一样的。

              要使用 ng new 创建项目,您必须下载 angular-cli。这是通过以下命令完成的:

              npm install -g @angular/cli
              

              然后使用 ng new 你可以创建一个新项目:

              ng new application-name
              

              【讨论】:

              • 这不会创建项目
              • 投反对票,因为您没有解释 ng 是 @angular/cli 的一部分,如果不安装上述二进制文件,这将无法“开箱即用”
              • 我已经进行了更详细的编辑和解释。感谢您的评价。
              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2013-12-04
              • 1970-01-01
              • 2022-12-20
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多