本文由【云老大】 TG@yunlaoda360 撰写
一、准备工作
购买并配置云服务器：在腾讯云控制台购买并配置云服务器，选择Linux操作系统（如CentOS）或WindowsServer。
连接到服务器：使用SSH客户端（如PuTTY）连接到您的云服务器。
二、安装Node.js和npm
安装Node.js和npm：
对于CentOS：
bash
curl-sLhttps://rpm.nodesource.com/setup_14.x|sudobash-
sudoyuminstall-ynodejs
对于Ubuntu：
bash
curl-sLhttps://deb.nodesource.com/setup_14.x|sudo-Ebash-
sudoapt-getinstall-ynodejs
对于WindowsServer，可以从Node.js官方网站下载安装包并运行安装程序。
验证安装：
bash
node-v
npm-v
三、安装AngularCLI
全局安装AngularCLI：
bash
npminstall-g@angular/cli
验证安装：
bash
ngversion
四、创建Angular项目
创建新项目：
bash
ngnewmy-angular-app
按照提示进行操作，选择是否添加路由以及选择CSS预处理器。
进入项目目录：
bash
cdmy-angular-app
运行项目：
bash
ngserve--host0.0.0.0
默认情况下，Angular应用将在http://localhost:4200运行。使用--host0.0.0.0允许外部访问。
五、打包项目
在开发完成后，您需要将项目打包以便部署：
bash
ngbuild--prod
这将在项目根目录下生成一个dist文件夹，包含所有经过压缩和优化的静态文件。
六、部署Angular项目
上传打包文件：将本地dist文件夹中的所有文件上传到服务器的指定目录，例如/var/www/html。可以使用FTP工具（如FileZilla）或scp命令进行上传：
bash
scp-rdist/*user@server_ip:/var/www/html
安装并配置Nginx（如果您尚未安装）：
bash
sudoapt-getinstallnginx
sudovi/etc/nginx/sites-available/default
在配置文件中添加以下内容：
nginx
server{
listen80;
server_nameyour_domain.com;#替换为您的域名
root/var/www/html;#替换为您的项目路径
indexindex.html;
location/{
try_files$uri/index.html;
}
}
重启Nginx使配置生效：
bash
sudosystemctlrestartnginx
七、配置防火墙和域名解析
配置防火墙：确保服务器的防火墙允许HTTP和HTTPS流量。
bash
sudoufwallow80/tcp
sudoufwallow443/tcp
域名解析：如果需要通过自定义域名访问项目，请配置域名解析到服务器的IP地址。
八、访问项目
通过域名或服务器的公网IP地址访问您的Angular项目。如果一切配置正确，您应该能够看到项目正常运行。
注意事项
定期备份：定期备份项目文件和数据，以防止数据丢失。
安全更新：定期更新服务器上的软件包，确保系统的安全性。
性能优化：根据需要对Nginx和Angular项目进行性能优化，以提高用户体验。
