100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angular环境搭建 创建项目 运行项目

angular环境搭建 创建项目 运行项目

时间:2023-02-12 22:41:31

相关推荐

angular环境搭建 创建项目 运行项目

angular环境搭建、创建项目、运行项目

环境搭建

1:准备工作

安装最新版本的node.js,最好是安装node.js稳定版本

2:安装cnpm

npm安装angular可能会失败,所以最好安装一个cnpm,后面步骤会用到。一般采用淘宝镜像安装cnpm,以管理员的方式打开cmd,输入下面命令:

npm install -g cnpm --registry=https://registry.

输入命令:cnpm -v

查看是否安装成功,安装成功画面如图所示:

3:安装angular

可以先试试不用cnpm安装angular,用npm方式安装angular,以管理员的方式打开cmd,输入下面命令:

npm install -g @angular/cli

用cnpm方式安装angular,以管理员的方式打开cmd,输入下面命令:

cnpm install -g @angular/cli

输入命令:ng v

查看是否安装成功

安装成功画面如图:创建项目

1:创建工作空间

我是在E盘中创建了个文件夹angular7作为工作空间,如图:

2:首先在cmd中进入E盘,输入命令:E:,按enter

如图:

3:进入你所创建的工作空间

输入命令:cd angular7,按enter

如图:

4:创建项目

输入命令:ng new 项目名,按enter

如图所示:

之后会出现如图所示的画面:

它会问你是否要添加路由,因为我是初学者,所以还用不上,所以这里我选择的no,不过后面一般都是要选yes。

然后会出现下面画面:

这里我也不是很懂,我是跟着视频里面的老师选的,我们可以通过上下键进行选择,我是选择了scss。

在它执行的过程中按Ctrl + C,就会出现如下画面

选择Y

然后执行操作,进入项目里面,如图所示

然后输入命令:cnpm install

就会添加项目所需要的依赖,这个过程需要点时间。

添加后如图所示:

这样你就可以在工作空间的里面看见这个项目了

如图所示:

运行项目

1:在cmd中输入命令:ng serve --open

另外默认浏览器最好别是IE,可能会打不开。

输入后的画面如图所示:

浏览器画面如图所示:

然后整个过程就到此结束。

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