使用VS Code配置Nginx

1、准备一个文件夹存储Nginx配置文件,并在VS Code中打开文件夹

2、VS Code安装SFTP插件

使用VS Code配置Nginx_第1张图片

3、创建SFTP配置文件

快捷键打开搜索框,输入sftp,选择config,会自动生成一个.vscode/sftp.json文件结构:

  • Mac:Command+Shift+P
  • Win:Ctrl+Shift+P
    使用VS Code配置Nginx_第2张图片

4、修改sftp.json中的三项内容

{
    "name": "My Server",
    "host": "192.168.19.129", # 远程服务器IP
    "protocol": "sftp",
    "port": 22,
    "username": "root", # 用户名
    "remotePath": "/etc/nginx", # Nginx配置文件目录
    "uploadOnSave": true
}

5、同步远程服务器和本地的配置文件

在文件目录下右键点击 Download Folder
使用VS Code配置Nginx_第3张图片

6、在conf.d目录下创建自己的配置文件,以 .conf 结尾

使用VS Code配置Nginx_第4张图片

7、每次完成配置后,同步配置信息

# 测试是否存在错误
nginx -t
# 保存并重新载入
nginx -s reload

你可能感兴趣的:(Nginx)