这篇文章将为大家详细讲解有关Angular项目如何实现新建,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
一、新建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项目如何实现新建”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。