帮助:沙盒
<html><head> <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>
安装 AMP 环境10min ~ 15min
- 安装 XAMPP上面的步骤中,我们已经下载完毕 XAMPP ,并且系统帮我们自动运行了安装程序。现在,我们点击下一步 (Next)这里列出了 XAMPP 的组件,确认都勾选上,点击下一步 (Next)这里是 XAMPP 的安装目录,我们采用默认的 c:/xampp ,点击下一步 (Next)这个界面提供了 XAMPP 的介绍,内容是英文的。我们可以取消勾选,然后点击下一步 (Next)好了,准备开始安装,深呼吸一口气,点击下一步 (Next)这就是激动人心的安装界面了,据说看着进度条,时间会过得快一些安装完毕,点击完成 (Finish)
配置服务器5min ~ 10min
测试访问5min ~ 10min
<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>