上一章我们搭建了一个基本的运行环境。让我们看看今天如何创建一个网站。我们的网站分为两个部分，前端Pages和后端服务前端VueJs后端php（Yaf框架）网站直接写在本地电脑上，方便开发调试。之后只要把开发好的工程传到服务器上就可以搭建本地开发环境（Windows10），这里很简单，直接用现成的软件就可以了。比如我使用phpstudy下载PhpStudyhttps://www.xp.cn/根据你自己的系统，你可以下载一个合适的版本，安装好phpstudy后运行软件，点击一键启动新建一个www目录就可以了D盘，然后进入创建apiServer目录，也就是我们的后台服务目录。提前告诉大家，Yaf的基本目录结构：+public|-index.php//入口文件|-.htaccess//rewriterules|+css|+img|+js+conf|-application.ini//配置文件+应用|+控制器|-Index.php//默认控制器|+视图|+索引//控制器|-index.phtml//默认视图|+模块//其他模块|+库//本地库|+models//模型目录|+plugins//插件目录注：来自YAFFrameworkIntroductoryTutorial这里，为了环境能正常运行，我们先创建一个public文件夹，剩下的等会再说关于后端。+www|+apiServer|+public|-info.php编辑info.php:创建网站：这样网站就创建好了，打开浏览器确认：访问http://api.server如果访问.com/info.php失败，很可能是hosts文件没有写入成功。检查解决方案。安装Yaf扩展。Windows10和CentOS7安装方式不同。首先去http://pecl.php.net/package/yaf下载php_yaf.dll根据电脑版本下载x64或者x86解压php_yaf-3.0.9-7.3-nts-vc15-x64.zip复制php_yaf.dll到phpstudy安装目录/Extensions/php/php7.3.4nts/ext/打开php_yaf扩展刷新浏览如果看到下图，说明前端安装脚手架（Vue-cli）已经安装成功。旧版本VueCLI的包名由vue-cli更改为@vue/cli。如果您全局安装了旧版本的vue-cli（1.x或2.x），您需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。安装NodeJShttps://nodejs.org/zh-cn/打开cmd控制台安装Vue-clinpminstall-g@vue/cli创建项目控制台打开目录wwwvuecreatehtml如何安装项目此处略过，百度有很多教程可以运行的projectnpmrunservebrowser访问http://localhost:8080就可以看到后台了。这里我们有两个选择。一种是使用yaf程序模板生成工具，另一种是下载别人制作的模板。我个人选择yafapi下载模板后，解压到www/apiServer/目录结构为：apiServer|-public|-conf|-application本地网络环境已经用phpstudy搭建好，运行浏览器，访问http：//api.服务器。com应该可以看到{"status":200,"msg":"returnsuccess","re??sult":{"info":"hello,world"}}目录：从头搭建网站环境（php-yafnginxmariadb)第一章从头搭建网站环境(php-yafnginxmariadb)第二章从头搭建网站环境(php-yafnginxmariadb)第三章从头搭建网站环境(php-yafnginxmariadb)ExtraStory——跨域
