100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 学习笔记:Angular学习-----01Angular CLI安装与项目创建

学习笔记:Angular学习-----01Angular CLI安装与项目创建

时间:2020-05-13 02:48:35

相关推荐

学习笔记:Angular学习-----01Angular CLI安装与项目创建

学习笔记:Angular学习-01Angular CLI安装与项目创建

node.JS安装Augular cli的安装Angular项目创建

node.JS安装

nodejs的安装比较简单,安装过程见下面的链接,其中有nodejs的下载地址及如何安装,以及淘宝镜像。

/Z_X_L_/article/details/97136122

Augular cli的安装

键盘windows+R进入cmd界面,输入一下命令进行安装

npm install -g @angular/cli

如果安装了淘宝镜像的就输入下面的命令。用淘宝镜像下载会快一些。

cnpm install -g @angular/cli

安装完成后输入下面指令验证是否安装成功

ng version

Angular项目创建

安装Angular CLI成功后,仍然在cmd界面,输入下面指令进行项目创建

ng new 项目名称

当项目所需文件都创建好后就可以在cmd界面按CTRL+C终止创建,然后cd进入新创建的项目的目录,输入下面指令安装项目所需依赖

cnpm install

选择添加或不添加路由,Style选择为CSS或者SCSS,或者你想选其他的

当项目的文件夹中包含下面这些文件时,即可跳至图3步骤,执行CTRL+C终止创建项目的行为,然后通过命令进入项目的目录,通过cnpm install安装项目依赖。如图4。

图2

图3

图4

项目创建完成后同样cd进入项目的目录下,运行下面命令启动项目

//运行Angular项目ng serve//或者ng serve --open

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。