素材巴巴 > 程序开发 >

Angular5项目的搭建

程序开发 2023-09-10 09:25:52

1.Angular5的开发需要拥有node和npm环境

2.必须是node 6.9.x ,npm 3.x.x以上的版本

在终端(window+R)输入node -v可以查看node的版本

输入npm -v可以查看npm的版本

3.全局安装Angular cli脚手架工具

cnpm install -g @angular/cli

4.创建angular项目

在angular5project里新建我们的第一个文件夹helloworld

我们的angular5项目中有一个存放node_modules的文件夹(用来安装angular5的模块文件的),里面有很多的文件。

因为webstorm会为你的每一个文件去创建一个索引,当它为你的众多文件去创建索引时,你会发现,它忙不过来啊,如果不通过一些设置的话,可能会卡死。那怎么去解决呢?

在helloworld文件夹下创建一个要存放node_modules的文件,就命名叫node_modules

文件创建成功以后,我们在webstorm中打开我们的helloworld文件,点击setting

点击directories

选中node_modules文件,右键Exclude

然后点击ok就可以了

这个工作完成以后呢,我们就可以进行我们的项目安装了。

打开命令行,进入到我们的Angular5Project项目当中,输入ng new HelloWorld,回车

执行完毕后进入到HelloWorld 中(cd HelloWorld),输入ng sever –open

我们Angular5的项目就成功启动啦~


标签:

上一篇: 发布属于自己的 npm 包 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。