Angular项目如何实现新建

这篇文章将为大家详细讲解有关Angular项目如何实现新建，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

安图网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

一、新建Angular程序

1.安装nodejs

2.安装淘宝镜像

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

3.安装angular cli

npm install -g @angular/cli

4.新建项目

ng new myProj

5.安装依赖包

在有package.json的目录下cnpm install

6.IDE中运行

ng serve 或 npm install，在localhost:4200中查看

二、打包

ng build,会在项目文件夹下生成dist文件，里面是打包后的文件。

三、部署

在nginx官网中下载nginx

把dist文件夹下的打包文件拷贝到nginx/html下并重命名为myProj

修改conf/nginx.conf文件
location / {
   root html/myProj;
   index index.html index.htm;
  }

点击nginx.exe启动nginx

在浏览器中输入localhost:80即可看到项目

这个时候，我们只需要把nginx打包发给朋友，然后告诉他点击nginx.exe后，在浏览器中输入localhost:80即可。

关于“Angular项目如何实现新建”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

新闻名称：Angular项目如何实现新建
分享网址：http://mswzjz.cn/article/gjidio.html

网站建设知识