vscode 代码编辑 python 作为服务器 进行前端开发与调试

1、安装VS code ，并安装相关插件（主要是代码提示）

Auto Rename Tag

Debugger for Chrome

Document This

HTML CSS Support

HTML Snippets

jQuery Code Snippets

Path Intellisense

vscode-icons

安装完成后就会有代码提示、以及以树的形式 展示工程

 

 

2、编写html 代码 （但是怎么运行？）

1）右键不能运行

2）配置chrome 插件 ，点击F5 也不能运行

 

3、Python http服务器

1）点击终端，进入当前工程文件夹

 

2）输入 python -m http.server 启动 http 服务 （默认开启 8000端口）

注： 本人 是 python3 ，python 2 不同（使用： python -m SimpleHTTPServer 8080）

 

参考链接：https://blog.csdn.net/z_qifa/article/details/74202850

4、打开浏览器输入 127.0.0.1:8080 ,访问页面；点击链接查看资源

 

vs code 终端 实时显示http请求

 

在vscode 中修改代码，不用重新启动服务器，python 服务器自动部署，在浏览器刷新就行。

VS code +python 开发前端真的方便