HTML基础学习之(一)安装前端开发工具Visual Studio Code

查看电脑版本

按下Win+R调出运行窗口,然后直接输入dxdiag

下载

打开官网:

https://code.visualstudio.com/

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第1张图片

 下载

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第2张图片

 安装

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第3张图片

下一步

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第4张图片

 下一步

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第5张图片

 安装后默认是C盘

设置中文Chinese (Simplified)

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第6张图片

 到此安装成功

安装插件 Live Server

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第7张图片

 设置打开的默认浏览器

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第8张图片

HTML基础学习之(一)安装前端开发工具Visual Studio Code_第9张图片

chrome打开

然后用Visual Studio Code打开html,然后右击Open with Live Server就可以了

测试

 在桌面上新建一个文件夹

 拖入进入前端开发工具中

新建一个文件起名为cs.html

快捷键!

代码如下




    
    
    
    Document


    测试页面

  

你可能感兴趣的:(HTML,前端,学习,vscode)