前端自动化部署服务器, 告别繁琐部署过程

简单实用的前端部署, 一条命令搞定, 省去繁琐的步骤!

主要是** nodejs shelljs(命令行命令)node-ssh(连接服务器)**

项目git 地址

(这个git项目是我自己搭的一个比较low的vue脚手架,集成ts)

(第一次写文章, 文笔不行, 多多包涵,有不对的地方尽管指出)

(主要看 自动部署 在 upload 目录 )

npm 或 cnpm i chalk ora shelljs node-ssh inquirer compressing -D

大功告成~~

咳咳, 放心, 不会有公众号啥广告, 也不会求打赏, 如果您觉得对您有一点点帮助 点个赞或者去GitHub点个star 那就非常感谢了

项目git 地址

1、安装护卫神主机大师，一键配置全能网站环境

2、用主机大师开设网站，并绑定域名

3、解析域名到服务器IP

4、FTP上传前端代码到服务器

5、输入域名即可访问前端代码了

执行成功后会生成dist文件

4.1 进入到nginx配置目录：/usr/local/nginx/conf,对 nginx.conf 文件进行配置

使用include可以配置多个.conf文件，如一个项目一个配置文件。在同目录下创建demo文件夹，并创建demo.conf配置文件

下面使用是以ip地址的方式创建的的配置文件

访问地址：

其中dist名称时可以修改，保持与/usr/local/nginx/html下cp名称一致，否则会访问不到并且/usr/local/nginx/html目录可存在同一ip下多个web项目。

域名与ip绑定

配置域名demo.conf

eg: 域名 - demo.cn

4.2阿里云配置域名前缀

阿里云->域名->域名列表—>域名 管理->域名解析->解析设置

如图：记录值 填写当前服务ip

学习过程中所记录，有问题或者有好的方式欢迎指点。不胜感激