开发环境搭建—在线教育从后端到APP全链路学习实战

本节将带大家完成本专栏学习和实战所需的主要开发环境和软件的配置和安装，环境的配置和软件安装的方式是多样的，在此选择的是相对容易，可视化成都较高的安装方式。

1 iOS App开发环境

1.1 XCode

1.1.1 Xcode下载并安装

从 App store 或苹果开发者网站下载Xcode官方资源，点击安装下载的Xcode安装文件。

1.1.2 Command Line Tools安装

紧接着，安装 Xcode command line tools，运行：

xcode-select --install

运行命令后，按照指引，你将完成 Xcode command line tools 安装。

1.2 CocoaPods

CocoaPods是一个用Ruby写的、负责管理iOS项目中第三方开源库的工具，CocoaPods能让我们集中的、统一管理第三方开源库，为我们节省设置和更新第三方开源库的时间。官网为：https://cocoapods.org。

1.2.1 查看当前Ruby版本

打开命令行工具，输入如下指令

ruby -v

1.2.2 升级Ruby环境，首先需要安装rvm

curl -L get.rvm.io | bash -s stable 
source ~/.bashrc
source ~/.bash_profile

1.2.3 查看rvm版本

rvm -v

如果提醒如下提醒：

则表示没有rvm环境，需要安装rvm

curl -L https://get.rvm.io | bash -s stable

载入RVM环境：

source ~/.rvm/scripts/rvm

检查是否安装成功：rvm -v 如下图

1.2.4 列出ruby可安装的版本信息

rvm list known

1.2.5 安装一个ruby版本

rvm install 2.6.3

这里很多小伙伴会遇到错误，大部分是因为没有安装Homebrew造成，所以所以所以要提前安装比较好

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

1.2.6 设置ruby的默认版本

rvm use 2.6.3 --default

1.2.7 由于一道墙的原因，需要更换源

sudo gem update --system
gem sources --remove https://rubygems.org/
gem sources --add https://gems.ruby-china.com/

1.2.8 查看本地Ruby镜像

gem sources -l

命令执行的正确结果：https://gems.ruby-china.com/。

1.2.9 CocoaPods安装

sudo gem install -n /usr/local/bin cocoapods

1.3.0 安装本地库

pod setup

1.3.1 切换CocoaPods的镜像（选做）

由于受限各种原因，我们进行pod库更新和update的时候经常失败或耗时，所以推荐切换CocoaPods的官方源https://github.com/CocoaPods/Specs.git 至清华大学开源软件镜像https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git 。操作方式参考：https://mirror.tuna.tsinghua.edu.cn/help/CocoaPods/。

2 Java后端开发环境

2.1 JDK

Java Development Kit (JDK) 是Sun公司（已被Oracle收购）针对Java开发员的软件开发工具包。自从Java推出以来，JDK已经成为使用最广泛的Java SDK（Software development kit）。

2.1.1 JDK下载

我们采用的是jdk 1.8（java 8），jdk的官方资源为 https://www.oracle.com/java/technologies/javase-downloads.html 。找到Java SE 8u251进行下载。

2.1.2 JDK安装

点击pkg进行安装，后面就是傻瓜式的安装了，一直按照系统提示安装好了。

2.1.3 环境配置

查看JDK的安装位置，输入：

/usr/libexec/java_home -V

打开终端，输入：

vim .bash_profile

在文件加入如下的这行语句JAVA_HOME=后面是JDK的安装位置，然后wq保存：

在终端输入如下指令，查看是否安装成功：

java -version

2.2 MySQL

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于Oracle 旗下产品。
MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

2.2.1 MySQL下载

我们使用mysql版本是5.7稳定版，官方资源链接为https://dev.mysql.com/downloads/mysql/ 。选择5.7.3这个版本进行下载。

2.2.2 MySQL安装

双击pkg安装包，进行安装。

点击继续

点击“同意”

点击“更改安装位置”

点击“安装”

到此完成了MySQL的安装！
在“系统设置”里启动MySQL服务，也可以通过指令将MySQL服务设置为开机自启项。

2.2.3 环境配置

环境变量配置

将MySQL bin添加到系统的环境变量里
编辑.bash_profile，添加MySQL的bin路径

sudo vim ~/.bash_profile

然后在里面输入：

export PATH=$PATH:/usr/local/mysql/bin

按ESC，然后输入:wq，进行保存。
重新加载配置文件

source ~/.bash_profile

修改root密码

首先，转到管理员权限

sudo su

进入MySQL目录（如果已经配置了MySQL bin环境变量，则不用）

cd /usr/local/mysql/bin/

首先停止mysql服务：sudo /usr/local/mysql/support-files/mysql.server stop
回车后输入以下命令来禁止mysql验证功能： ./mysqld_safe --skip-grant-tables &
回车后mysql会自动重启（偏好设置中mysql的状态会变成running）
新启一个命令终端，输入如下指令，登录mysql

./mysql -u root -p

修改密码

update mysql.user set authentication_string=password('root') where user='root' and Host = 'localhost';
flush privileges;

退出mysql，用新密码root重新登录

mysql> exit
➜  bin ./mysql -u root -p
Enter password: 

到此，MySQL安装成功了。由于每次通过终端进行数据库操作比较麻烦，所以推荐使用Navicat（Navicat是一套快速、可靠并价格相当便宜的数据库管理工具，专为简化数据库的管理及降低系统管理成本而设。）

2.3 Tomcat安装

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

2.3.1 Tomcat下载

我们采用的是Tomact 8.5.55，Tomacat的官方资源为https://tomcat.apache.org/download-80.cgi

下载后直接解压。

2.3.2 测试启动Tomcat

如果启动的时候遇到权限的问题，则可以尝试授权bin目录下的所有操作

cd /Users/tony/Desktop/apache-tomcat-8.5.55
apache-tomcat-8.5.55 cd bin
bin sudo chmod 755 *.sh
Password:
bin

启动Tomcat

cd /Users/tony/Desktop/apache-tomcat-8.5.55
cd bin
sudo sh ./startup.sh

成功后的终端是这样的：

到浏览器输入网址localhost，若出现了下面的画面就证明成功了

2.4 开发工具IDEA安装

IDEA 全称 IntelliJ IDEA，是java编程语言开发的集成环境。大家可以去官网下载安装。

这里就不一一介绍安装过程了。

3 Web前端开发环境

3.1 Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。

Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。

发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。

3.1.1 Node.js下载

我们下载Node.js的版本是14.3.0，如果有最新的可以安装最新的，点击链接进行下载 https://nodejs.org/en/#download 。

3.1.2 Node.js安装

下载后点击pkg进行安装

NPM是什么呢？NPM的全称是Node Package Manager，是Nodejs的包管理器。类似咱们iOS开发中的CocoaPods和Swift package Manamger。

Node.js本身身提供了基本的模块，但是我们利用这些基本模块开发实际应用需要编写大量的代码，做较多的工作。

NPM上已经有很多Node.js库或框架，这些库或框架可以帮助Node.js的开发者用较少的代码完成较复杂的应用。而npm 上的库或者框架已达30,0000个，其中Node.js 的库和框架也有几千个，真不愧是世界上最大的开源库生态系统。

点击继续安装，最后安装成功，如下截图：

3.1.2 测试Node.js和npm

可以在终端下测试下Node.js 和npm 是否可以使用了。
查看Node.js的版本号：

node -v

查看npm的版本号：

npm -v

出现如上版本号，说明Node.js和npm已经安装成功！

3.2 Vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。官网：https://cn.vuejs.org 。

3.2.1 Vue安装

在终端输入如下指令，进行安装：

sudo npm install -g @vue/cli

安装后测试

vue -V

3.2.2 测试创建新项目

cd Desktop
sudo vue create vue-test-demo  
# 注意，项目名称不能有大写字母和汉字然后用箭头选择默认的即可

创建成功，进入到项目下，执行如下指令启动Vue前端项目：

npm run serve

到浏览器输入网址localhost:8080，若出现了下面的画面就证明成功了!

3.3 开发工具VS Code安装

VS Code是开源的，所以我们直接去其官方网站下载即可。官网下载链接
https://code.visualstudio.com ，点击如下截图标记区域，便可进行下载。

下载后，点击一直继续安装即可，傻瓜式的安装。

到此本专栏学习和实战所需的主要开发环境和软件已经搭建完成。

本节结束！