前端 环境配置

建议使用 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,即可快速在浏览器中用模拟服务器的方式打开网页,查看效果。

参考