【前端学习】vs code的使用
安装Visual Studio Code
官网:https://code.visualstudio.com/
到官网下载,直接安装。
添加中文插件和Live Service
打开VS Code,点击左侧栏四个方框的图片
找到Live Service和Chinese两个插件,点击install的绿色按钮。如果不能在列表中找到,可以搜索一下。
安装完后重启即可。
编写一个html文件
这里我们先新建一个空文件夹,然后在VS Code里打开文件夹,作为项目的一个工作区。
点击文件夹名旁边的新建文件按钮,创建一个index.html文件。
打开index.html,在右边编辑区域输入感叹号!,点击第一个或按Tab键可快速生成HTML代码。
右键点击Open with Live Server,会自动帮我们打开页面。却html代码发生改变并保存时,页面信息会根据改动发生变化,无需手动刷新网页。