素材巴巴 > 程序开发 >

AngularJs2-------学习日记一(安装 运行)

程序开发 2023-09-06 08:47:57

进入新公司学习新项目,学习新的技能,原本没有接触过,从小白开始学习,边学习边记录。千年磨一剑,希望我的记录能给看到的人带去帮助(我的电脑是Windows的下边的讲解将是在Windows的前提下进行的操作)。

1. 学习angular的前提

  1.1 学习angular之前要确保电脑上已经安装了nodejs(现在新的版本的nodejs安装的同时就已经把npm安装好了)

  1.2 angular前提需要nodejs的版本 version 8.x or 10.x.安装angular CLI (npm install -g @angular/cli)

  1.3 下边的node -v以及 npm -v 无需在安装的目录下就可以查看,你可以用于首次拿到电脑查看一下,电脑上是否已经安装过。

  1.4 当你安装好nodejs后需要安装angular CLI(Angular Cli是angular对包括一堆工程化构建工具,例如webpack的封装,能让开发者更容易的搭建angular工程)。

 1.5 利用angular cli创建一个新的项目(在这里你可以切换到你的工作空间去创建新的项目)。

下图就是我安装的过程以及创建创建一个新的项目。

2. 运行项目

在前面我们已经安装何创建了一个新的项目。在利用angularjs cli创建项目的时候在内部已经帮我们写好了简单的页面,现在我们只是需要验证一下是否正确。

首先进入你创建的项目文件夹下,利用ng serve --open 既可以启动项目。你也可以在页面上看到效果。如下图:

至此,简单的angularjs的安装以及welcome to first angular 完成,如果还想学习其他的请看后边的博客,我会根据我的学习过程持续更新angularjs的学习。 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。