本节将带大家完成本专栏学习和实战所需的主要开发环境和软件
的配置和安装,环境的配置和软件安装的方式是多样的,在此选择的是相对容易,可视化成都较高的安装方式。
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 ,点击如下截图标记区域,便可进行下载。
下载后,点击一直继续安装即可,傻瓜式的安装。
到此本专栏学习和实战所需的主要开发环境和软件已经搭建完成。
本节结束!