前端 环境配置
建议使用 VSCode、WebStorm 进行前端开发。
一、VSCode
VSCode 是微软出品的轻量级编辑器,配合插件可以很好地进行前端开发
1. open in browser
另有 view in browser
(1) 安装插件
在扩展页面,搜索安装 open in browser 插件。
(2) 插件使用
通过组合键 alt + b,即可快速在浏览器中打开 html 文件。
(3) 修改浏览器
可以在浏览器设置中修改默认浏览器,推荐使用 chrome 。
2. Live Server
(1) 什么是 Live Server ?
Live Server 是一个具有实时加载功能的小型开发服务器。可以用它来进行 HTML / JavaScript / CSS 开发,能够实时查看开发的网页效果。
(2) 安装插件
在扩展页面,搜索安装 Live Server 插件。
(3) 插件使用
通过组合键 alt + L + alt + O,或右键点击 Open with Live Server
,即可快速在浏览器中用模拟服务器的方式打开网页,查看效果。