Angular项⽬从新建、打包到nginx部署全过程记录
前⾔
当前，AngularJS作为Javascript的MVC（也有⼈说是MV*，暂且不纠结这个）框架被⼴泛使⽤，它为更快且更容易地开发响应式的Web提供了强⼤的机制。作为MVC框架，它将Web前端代码分成三个组件Model，View和Controller。因此，在data model，应⽤逻辑（Controllers）和view展⽰之间有明确的分离，让你更容易地关注关键的开发区域。view接收来⾃model的数据来展⽰。当⽤户通过点击或者敲击键盘和应⽤交互时，controller通过改变模型中的数据进⾏响应。最终，view得到了发⽣在model中的变化这个通知，从⽽它能更新展⽰的内容。
最近我在给⼀个不懂计算机的朋友做⼀个⼩的应⽤程序，我想⽤Angular来做。⼀般我们在IDE上开发的时候都会⽤npm start 或者ng serve来启动⼀个内部服务器，可是如果我把开发好的程序给朋友，怎么才能让他能够在⾃⼰的浏览器中打开呢？我这⾥选择了nginx服务器来部署我的程序。
⼀、新建Angular程序
1.安装nodejs
2.安装淘宝镜像
npm install -g cnpm --registry=registry.
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
把dist⽂件夹下的打包⽂件拷贝到nginx/html下并重命名为myProj
修改f⽂件
location / {
root html/myProj;
index index.html index.htm;
}
点击启动nginx
在浏览器中输⼊localhost:80即可看到项⽬angular和angularjs
这个时候，我们只需要把nginx打包发给朋友，然后告诉他点击后，在浏览器中输⼊localhost:80即可。
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。