快来学习网页设计基本的环境搭建
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这次</span>让<span style="color: black;">咱们</span>来学习网页设计<span style="color: black;">基本</span><span style="color: black;">必须</span>软件</p>
<span style="color: black;"><strong style="color: blue;">Vscode的环境搭建</strong></span><span style="color: black;"><strong style="color: blue;">第十小组</strong></span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">目录</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1.下载Vscode</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2.安装Vscode</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3.配置环境变量</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">4.配置和个性化</span></p><span style="color: black;"><strong style="color: blue;">下载Vscode</strong></span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">VSCode软件下载</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">官网下载<span style="color: black;">位置</span>: https://code.visualstudio.com/</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、点击Download for Windows的下拉按钮，点击Other downloads；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2h9lLlgEZSD7pXhVZWMsw4Ymib7ksWz7Q98YYVXFGk2ic9icGUibbgzZSfw/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2、在<span style="color: black;">这儿</span><span style="color: black;">能够</span><span style="color: black;">选取</span>自己想要下载的版本</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span>我下载的windows版本，下面的教程就以windows版本为例。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2NILT3JjDUfRtDzNRsB6GZJ36oSbnmJFNugGTfEooJXzvs01tALCnQg/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p><span style="color: black;"><strong style="color: blue;">安装Vscode<span style="color: black;">过程</span></strong></span>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">安装<span style="color: black;">过程</span></span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1.双击下载好的安装包，可能有些会<span style="color: black;">显现</span>安全警告，到时点击运行<span style="color: black;">就可</span>，<span style="color: black;">这儿</span>我<span style="color: black;">无</span><span style="color: black;">显现</span><span style="color: black;">因此</span>就<span style="color: black;">无</span>展示了；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2sorrZcpszRIm7N4FyG7S7whtuvdUjlicibHEjZ7WS13YNqPKkTXKOxoQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2.阅读协议后，点击我同意此协议，点击下一步；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2jRyuy5mbedcjGGMFGWtq0kOBmfonTgjgV97ykrb4xU2rksNhn1vkug/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3.接下来<span style="color: black;">便是</span><span style="color: black;">选取</span>安装路径了，默认是安装在C盘，<span style="color: black;">能够</span>点击浏览<span style="color: black;">选取</span>自己的安装路径，<span style="color: black;">这儿</span>我<span style="color: black;">选取</span>在D盘路径：“D:\TOOL\Microsoft VS Code”；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2sRjNUriaNQPgJbFNAbmTRBuFFlBKIoqZXWrdId1AoIBjWznGjAF3fdw/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">4. 添加到<span style="color: black;">起始</span>菜单，<span style="color: black;">这儿</span>默认<span style="color: black;">就可</span>，点击下一步；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2NT7GIUliaLasZkwnjLVIeMV8xxuNFOmW47ldEqtDw9dNQeCL9kf5oYw/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">5.<span style="color: black;">这儿</span>要<span style="color: black;">选取</span>自己想要的功能，点击下一步，下面<span style="color: black;">自己</span>勾选功能，仅供参考；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> <span style="color: black;">由于</span>比较<span style="color: black;">爱好</span>桌面干净就不勾选桌面快捷方式了，还有<span style="color: black;">亦</span>不想用VSCode添加到右键菜单，支持打开目录，<span style="color: black;">亦</span>不勾选了；</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2FvetxTIXV62sianFwMqJRibAiafuGTiaDWVlic8C22HE2rcEzB8x0Ur7bng/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">6.确认信息，点击安装<img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2P6o3KvlymhaorhnKGjYayE1vZibv7HjrSFoFNI5mWOAxX8jI1nupqQg/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">7. 安装完成，<span style="color: black;">这儿</span>我不勾选VS Code了</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2kCjQhibY4KicibI9H0L8dqZoIWuncSia9oXKEcn8ib2icG76pxiaXPseAwYag/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p><span style="color: black;">配置环境变量</span>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">配置环境变量</span></h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">右键此电脑 </span><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2FJCW2A83FsUYkE1tfYRRatyQ3YDz5GJgvs2ibNW7HcnVpOibeLMD3G6w/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"> 属性 </span><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2FJCW2A83FsUYkE1tfYRRatyQ3YDz5GJgvs2ibNW7HcnVpOibeLMD3G6w/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"> 高级系统设置 </span><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2FJCW2A83FsUYkE1tfYRRatyQ3YDz5GJgvs2ibNW7HcnVpOibeLMD3G6w/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"> 环境变量</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2z3VvC5mYcianUGibmf93qWUEOMNMxibulmB9VL30icOdEHYfxTIt8aiakNg/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2D1a1bbQPAbFQJMxBBArMl5vmmDcZ8JHpwmEsL7WogOCXhichq49exEw/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">打开环境变量后，在上下两组环境量中都<span style="color: black;">选取</span>“path”环境变量，在其中添加你的编译器路径。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw25RBVTlibicdUocpsLdqLAj0djluIj68XibmgQyjlke5N8pC5GUbicxnRCQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2RBwb7Oic5KChOBdNwprcDic2T12ax0iazb1r8YNOeRqys5ktsl0xxvfTQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置和个性化</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">到<span style="color: black;">这儿</span><span style="color: black;">全部</span>软件安装完了，<span style="color: black;">发掘</span>是英文界面，<span style="color: black;">倘若</span>想要学习英语的小伙伴<span style="color: black;">能够</span>接着用，英语差的<span style="color: black;">亦</span><span style="color: black;">举荐</span>用英语界面。</span><span style="color: black;"><span style="color: black;">然则</span>中文界面<span style="color: black;">能够</span><span style="color: black;">不消</span>，但<span style="color: black;">不可</span>不有！！！</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置中文界面</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2YT2y94QlYqlmENG95ciaQOviaNvicfK2M8wQYCMFDlF9nljsRHW67lFPA/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2.<span style="color: black;">安装插件之后，重启一下软件<span style="color: black;">就可</span>；</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2oGBeM7JTGZX9KA3nXF5kXrPvflIkHoM2vqKID7op0hnn6WQvicUkkng/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3.<span style="color: black;">中文界面安装完成</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_png/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2FkrQ0KFIq70O1XhbegnjiaynbBrlCnt8Ria95G4UCahzbicLptheTfoUg/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">END</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">感谢观看，<span style="color: black;">倘若</span>有<span style="color: black;">帮忙</span>到你，请给<span style="color: black;">文案</span>点个赞和转发，让<span style="color: black;">更加多</span>人看到</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/Z8l7bJSGFWCiafSq74H4r7waCvNP8Glw2kemhdOv4rsrqCS0MZE18KQB5hD9nyuLl8WAR0BcqSnUHZibgqz8GBgg/640?wx_fmt=jpeg&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p><strong style="color: blue;">第十小组人员</strong>唐格、黄文妍<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">柯海雁、徐钰琛</p>
论坛是一个舞台，让我们在这里尽情的释放自己。 大势所趋，用于讽刺一些制作目的就是为了跟风玩梗，博取眼球的作品。
页:
[1]