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 开发前端真的方便