## 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) |
- 序言
- 第一章 Hello World
- 1.1 运行环境
- 1.1.1 windows
- 1.1.2 macos
- 1.1.3 ubuntu
- 1.2 Hello ThinkPHP
- 1.2.1 windows
- 1.2.2 macos
- 1.2.3 ubuntu
- 2.3 Hello World
- 第二章 教师管理
- 2.1 数据库初始化
- 2.2 CRUD之 R 读取数据
- 1 数据流
- 2.2.2 连接数据库
- 2.2.3 直接读取数据之DB
- 2.2.4 间接读取数据之模型
- 2.2.5 显示数据之原始文案
- 2.2.6 单引号与双引号
- 2.2.7 显示数据之视图
- 2.2.8 模板语法
- 2.2.9 使用bootstrap美化界面
- 2.3 CRUD之 C 增加数据
- 2.3.1 MCA默认路由