|
|
| （未显示10个用户的30个中间版本） |
| 第1行： |
第1行： |
| − | <html><head>
| + | {{zh::H:沙盒}} |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
| − | <meta charset="utf-8">
| |
| − | <title>Tutorial Sandbox for Tencent Cloud Lab</title>
| |
| − | <link rel="stylesheet" href="//imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/laboratory/css/lab-201801021622.css">
| |
| − | <link rel="stylesheet" href="//ask.qcloudimg.com/script/vendor/0.7.1/katex.min.css">
| |
| − | <style>
| |
| − | html, body {
| |
| − | width: 100%;
| |
| − | }
| |
| − | body {
| |
| − | background: #343638;
| |
| − | top: 0;
| |
| − | overflow-x: hidden;
| |
| − | }
| |
| − | ::-webkit-scrollbar-thumb {
| |
| − | background-color: #939495;
| |
| − | background-color: hsla(0,0%,47%,.4);
| |
| − | }
| |
| − | ::-webkit-scrollbar-thumb:hover {
| |
| − | background-color: hsla(0,0%,39%,.7);
| |
| − | }
| |
| − | </style>
| |
| − | <style id="dynamic-inserted-css-writing-mode-css">
| |
| − | .writing-mode .reveal-heading {
| |
| − | padding: 0 10px;
| |
| − | opacity: 0;
| |
| − | transition: opacity .3s ease;
| |
| − | }
| |
| − | .writing-mode .lab-edi-stage-title:hover .reveal-heading,
| |
| − | .writing-mode .lab-edi-stage-step-title:hover .reveal-heading {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | </style><style id="dynamic-inserted-css-tc-15-transition-slide223169786">
| |
| − | .tc-15-transition-slide223169786-enter {
| |
| − | opacity: 0 !important;
| |
| − | transform: translate3d(30px, 0px, 0);
| |
| − | }
| |
| − | .tc-15-transition-slide223169786-enter-active {
| |
| − | opacity: 1 !important;
| |
| − | transform: translate3d(0, 0, 0);
| |
| − | transition: opacity 300ms ease,
| |
| − | transform 300ms ease;
| |
| − | }
| |
| − | .tc-15-transition-slide223169786-leave {
| |
| − | opacity: 1 !important;
| |
| − | transform: translate3d(0, 0, 0);
| |
| − | }
| |
| − | .tc-15-transition-slide223169786-leave-active {
| |
| − | opacity: 0 !important;
| |
| − | transform: translate3d(-30px, 0px, 0);
| |
| − | transition: opacity 300ms ease,
| |
| − | transform 300ms ease;
| |
| − | }
| |
| − | </style><style id="dynamic-inserted-css-tc-15-transition-slide1187507215">
| |
| − | .tc-15-transition-slide1187507215-enter {
| |
| − | opacity: 0 !important;
| |
| − | transform: translate3d(0px, -30px, 0);
| |
| − | } | |
| − | .tc-15-transition-slide1187507215-enter-active {
| |
| − | opacity: 1 !important;
| |
| − | transform: translate3d(0, 0, 0);
| |
| − | transition: opacity 300ms ease,
| |
| − | transform 300ms ease;
| |
| − | } | |
| − | .tc-15-transition-slide1187507215-leave {
| |
| − | opacity: 1 !important;
| |
| − | transform: translate3d(0, 0, 0);
| |
| − | }
| |
| − | .tc-15-transition-slide1187507215-leave-active {
| |
| − | opacity: 0 !important;
| |
| − | transform: translate3d(0px, -30px, 0);
| |
| − | transition: opacity 300ms ease,
| |
| − | transform 300ms ease;
| |
| − | }
| |
| − | </style></head>
| |
| − | <body>
| |
| − | <div id="react-root"><div><div class="lab-edi-stage-area" style="transition: all 1s ease;"><div class="lab-edi-stage-area-inner" style="opacity: 1; transition: all 0.1s ease;"><div class="lab-edi-stage-item finished"><h3 class="lab-edi-stage-title">准备</h3><span></span></div><div class="lab-edi-stage-item actived"><h3 class="lab-edi-stage-title">安装 AMP 环境<span class="lab-edi-stage-duration">10min ~ 15min</span></h3><span><div><ul class="lab-edi-stage-steps"><li class="actived"><div class="lab-edi-stage-step-title">安装 XAMPP</div><span><div class="lab-edi-stage-step-desc"><div><div><div class="p">上面的步骤中，我们已经下载完毕 XAMPP ，并且系统帮我们自动运行了安装程序。</div></div></div><div><div><div class="p">现在，我们点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/d0z8qkrbc4/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231323.png" alt="image"></div><div><div><div class="p">这里列出了 XAMPP 的组件，确认都勾选上，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3duk4dqcrh/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231432.png" alt="image"></div><div><div><div class="p">这里是 XAMPP 的安装目录，我们采用默认的 c:/xampp ，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3nzuhh7ns8/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231607.png" alt="image"></div><div><div><div class="p">这个界面提供了 XAMPP 的介绍，内容是英文的。我们可以取消勾选，然后点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3eb7kyxiwv/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231544.png" alt="image"></div><div><div><div class="p">好了，准备开始安装，深呼吸一口气，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/c2ig8vel6m/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231717.png" alt="image"></div><div><div><div class="p">这就是激动人心的安装界面了，据说看着进度条，时间会过得快一些</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/b7rfhh1n0n/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231818.png" alt="image"></div><div><div><div class="p">安装完毕，点击完成 （Finish）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/9xjlbdrkec/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030232135.png" alt="image"></div><div class="lab-edi-operation"><span><div class="buttons"><button class="lab-btn small"><span class="text">已完成，下一步</span></button></div></span></div></div></span></li></ul></div></span></div><div class="lab-edi-stage-item"><h3 class="lab-edi-stage-title">配置服务器<span class="lab-edi-stage-duration">5min ~ 10min</span></h3><span></span></div><div class="lab-edi-stage-item"><h3 class="lab-edi-stage-title">测试访问<span class="lab-edi-stage-duration">5min ~ 10min</span></h3><span></span></div></div></div></div></div>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/jquery-3.2.1.min.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/babel/polyfill.6.26.min.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react.16.0.0.min.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react-dom.16.0.0.min.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/katex/0.7.1/katex.min.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/monaco-editor/min/vs/loader.js"></script>
| |
| − | <script src="//imgcache.qq.com/qcloud/main/scripts/release/labs/sandbox.3fbd50bdc05fa637685a.js"></script>
| |
| − | | |
| − | <script type="text/javascript" src="//share-10039692.file.myqcloud.com/lab/lds/draft/contrib/1115-29f564ab77400c7317123dd92cd0b9fd.lds.js"></script></body></html>
| |
