vscode⼊门教程之页⾯启动与代码调试初次使⽤vscode时各种不适应，所有需要⽤到的功能貌似都需要单独安装插件才能⽤。这让很多初次使⽤vscode的朋友有点⽆所适从。
下⾯本⼈就带各位朋友学习下如何使⽤vscode来进⾏最基本的⼯作——页⾯启动与代码调试对峙2 fetching
⼀、安装vscode（已经安装的朋友忽略，直接进⾏第⼆步）
稍等⼏秒钟，会⾃动弹出下载框
python入门教程(非常详细)书
⼆、安装中⽂插件
vscode默认是英⽂菜单，想以中⽂形式来显⽰的朋友可以搜索插件【Chinese (Simplified) Language Pack for Visual Studio Code】，如图：
request的用法和短语
htmlcss编辑器下载
安装之后，点击重新加载，或者重启vscode，既可以中⽂形式显⽰菜单。
三、页⾯调试
1. 配置launch.json
codeblocks使用教程如何缩放
配置完此处的朋友先不要着急进⾏尝试，因为此时点击绿⾊的开始按钮调试启动后，发现页⾯并打不开，只是个浏览器链接失败的提⽰。此时，我们需要安装类似apache、iis之类的服务器插件来⽀持页⾯在模拟服务器中运⾏并显⽰。
2. 安装插件【Live Server】
这就是上⾯提到的⽀持页⾯在模拟服务器中运⾏的插件了，如图：
安装完成如果左侧有【重新加载】的提⽰，则点击该按钮以重新加载。
3. 打开html页⾯，进⾏调试测试
基础⼯作都准备好了，此时调试模式有两种：
使⽤本地静态页⾯调试：
选择⾃⼰配置的测试选项，打开需要调试的页⾯，按F5启动调试，如图
此时我们安装的live server就派上⽤场了，同样打开要调试的页⾯，⿏标在页⾯任意地⽅右键单机，选择“Open with live server”，如图：
标签云在生活中的应用
此时我们想使⽤vscode进⾏代码调试的需求到这⾥就已经⼤功告成了
最后，为⼤家推荐⼀个好看的vscode⽂件图标主题插件：【Material Icon Theme】
效果如图：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。