搭建前端开发环境

概念

开发环境是指搭建后端数据库环境以及服务器脚本语言支持环境.没有这个环境就无法运行服务器脚本语言,操作数据库里的数据.

静态网页&动态网页

静态网页一般是指由纯HTML&CSS构建的网页,不涉及数据存储,不涉及JavaScript,只有一些基础的布局.
没有交互的网页是没有灵魂的,交互的网站一般都要存储数据,那么我们日常生活中经常浏览的网页,都是怎么开发的呢.

---

完整流程

一个网站的流程,由前端工程师 使用 HTML+CSS+JavaScript 进行开发静态页面+交互效果,由后端工程师 创建并维护 SQL数据库,然后进行本地联调,数据测试.测试完毕后由后端工程师使用Apache 发布网页,并配置相应站点以及域名.

其中根据前端工程师的水平不同,项目需求不同,会使用各种不同的JS库:VueJS,NodeJS,AngularJS,ReactJS,jQuery等,以及框架.

根据后端工程师的水平不同,项目需求不同,会使用MySQL,NoSQL,Oracle等.

服务器与网页交互也因水平不同,可以使用PHP,Java,Python等多种语言进行服务器脚本开发,进行传递数据,数据处理,增删改查.

角色具体分为 网页 服务器 数据库.
技能由浅到深分为各个知识点和技能,详细知识点可以看我的这篇文章<全栈开发学习路线>

---

服务器

服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。
上面是百度查的,下面说一下个人理解,服务器就是负责承载你网页和数据库以及发布网页发布数据的角色,本质是一台远程计算机.但是想要做到发布网页怎么办,需要用到服务器软件.

服务器软件简介

服务器软件概念请自行百度学习,目前知名的有Nginx、Apache、IIS,因为本人目前学习的事Apache所以暂时不讲其他两个,请自行学习.

Apache

Apache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。

角色说明

Apache不是服务器,是一款服务器应用软件,还有Nginx也是同类软件,Apache不仅用来承载网页,更为PHP等服务器脚本语言提供了运行环境.

在本文主要为PHP提供了运行环境,可以运行后缀为PHP的脚本文件,如果没有Apache,计算机/服务器讲不识别PHP文件.

---

Windows安装

windows用户请自行百度Apache下载以及安装教程.在此不赘述.
因为windows有用户图形界面,则下面指令均是在Mac环境下使用.

流程:安装包=>修改配置文件=>配置环境变量=>每次修改配置文件记得重启Apache

Mac安装

Mac用户是自带Apache的,打开终端,输入apachectl -v回车.确认版本.
然后终端运行

sudo apachectl start 
输入密码,然后访问localhost 显示It works!即为开启成功.
网页目录默认在/Library/WebServer/Documents中