## IDE 本节开始进入编码阶段。在这里我们需要一款顺手的编辑器。教程中我们使用的代码编辑器是sublime,它是一个非常强大的、免费的开发软件,官方下载地址为:[https://www.sublimetext.com/3](https://www.sublimetext.com/3) 。 对了,编辑器还被叫做IDE(Integrated Development Environment,集成开发环境),瞬间感觉高大上了对吧。我想读到这里,当面试时有人问我们用的是什么IDE时,我们应该知道,其实他是在问我们用的是什么编辑器,仅此而已。 在继续本教程前,我们还是建议你去安装一些sublime插件。当然,这并不是必须做的,所以我们并没有强烈建议。但如果我们肯花时间去安装它们,相信日后它们绝不会令我们失望。 sublime既不像有些编辑器那么傻,又不像另一些编辑器那么聪明。是初学者最好的选择。 >[info] 至于如何安装插件,自己百度一下吧 在这里推荐几个常用的插件,它们分别是: * Package Control 包管理器(必装) * BrackeHighlighter 高亮显示 * Color Highlighter 高亮显示 * DocBlockr 写注释 * Emmet html必备神器 * Html-CSS-JS Prettify 美化代码 * SideBarEnhancements 增强左侧菜单 如果你也是急性子,那么不需要安装任何插件,sublime也会表现的很好。 当然了,如果你已习惯于使用自己以前的编辑器,而且用着很顺手,那就继续使用以前的吧,这东西没有最好,只有最合适。 >[success] 如果你是萌新小白,那么还是老老实实跟着教程用sublime吧。一些更知能的IDE虽然更智能,但对小白而言,练习编码的基本功也是一项必修课。 在此针对ubuntu用户多说一句,下载sublime的过程中,推荐使用Stable版本,也就是说在下载过程中,以下两个命令执行上面这个就好: ![](https://img.kancloud.cn/c5/ae/c5ae1431d9d13889a63eb74b95ecca18_821x269.png) 新手常犯的错误就是**不看提示只看命令**,特别是查阅一些外文资料时,这是非常不好的习惯,需要刻意的修正。在此不好的习惯下,大多数的人们会逐条的复制命令,最终导致错误的安装了dev版本的sublime,在大多数时候这并不会产生任何问题,但我们看中是**好的阅读习惯**。 ## 打开文件夹 我们使用sublime来打开tp6文件夹: 1. 打开sublime 2. 拖拽tp6文件夹至sublime当中 ## Hello World ![](https://img.kancloud.cn/0b/8a/0b8a5896ef067c49f1fbe209f717222e_321x354.png) 点击sublime左侧的目录树,并找到`app/controller/index.php`文件打开: ```php <?php namespace app\controller; use app\BaseController; class Index extends BaseController { public function index() { ❶ return '<style type="text/css">*{ padding: 0; margin: 0; } div{ padding: 4px 48px;} a{color:#2E5CD5;cursor: pointer;text-decoration: none} a:hover{text-decoration:underline; } body{ background: #fff; font-family: "Century Gothic","Microsoft yahei"; color: #333;font-size:18px;} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.6em; font-size: 42px }</style><div style="padding: 24px 48px;"> <h1>:) </h1><p> ThinkPHP V' . \think\facade\App::version() . '<br/><span style="font-size:30px;">14载初心不改 - 你值得信赖的PHP框架</span></p><span style="font-size:25px;">[ V6.0 版本由 <a href="https://www.yisu.com/" target="yisu">亿速云</a> 独家赞助发布 ]</span></div><script type="text/javascript" src="https://tajs.qq.com/stats?sId=64890268" charset="UTF-8"></script><script type="text/javascript" src="https://e.topthink.com/Public/static/client.js"></script><think id="ee9b1aa918103c4fc"></think>'; } public function hello($name = 'ThinkPHP6') { return 'hello,' . $name; } } ``` ❶处代码的作用便是输出欢迎页面。没错,就是HTML代码。 我们将其改写为:`return 'Hello World';` ```php <?php namespace app\controller; use app\BaseController; class Index extends BaseController { public function index() { return 'Hello World'; } public function hello($name = 'ThinkPHP6') { return 'hello,' . $name; } } ``` 使用任意一种方式保存文件:点击菜单栏上的file -> save或按 ctrl+s (command + s)保存。 ### 验证 访问`http://localhost/tp6/public/index.php` ![](https://img.kancloud.cn/89/50/89506f4e124944f9e5a16c7f48cb4de9_466x111.png) 好了,就到这里。 ## 本节作业 尝试输出一个红色的字体稍大的Hello World! ![](https://img.kancloud.cn/5c/50/5c50dfe14af441a7120bdbeb6a60bf3c_405x118.png) ## 小技巧 sublime中某个文件未保存时将在文件名的右侧显示一个灰色的小圆点: ![](https://img.kancloud.cn/55/35/553504bee7bbfc35ef507d39f954ddfb_523x119.png) 文件正常保存后,将圆点消息变成 x。 ![](https://img.kancloud.cn/02/f4/02f4aca957e2eb34c0f6ccd6ff05406a_679x195.png) ## 本节作业 1. apache是众多提供http服务的一种,请试着列举出2-3个提供http服务的软件 2. 简单查看下tp6文件夹的目录及文档,结合官方文档简单了解下各个文件及文件夹的作用 ## 参考文档 | 内容 | 地址 | | ----------- | ----------- | | 入口文件 | [https://www.kancloud.cn/manual/thinkphp6_0/1037487](https://www.kancloud.cn/manual/thinkphp6_0/1037487) | | URL访问 | [https://www.kancloud.cn/manual/thinkphp6_0/1037488](https://www.kancloud.cn/manual/thinkphp6_0/1037488) |