Mac下常用前端开发软件环境安装

Sublime Text及插件安装Sublime Text安装1.准备安装程序：sublimetext.dmg2.双击安装程序，稍后出现以下画面：3.将“Sublime Text”拖进“Applications”，稍后在“Launchpad”中出现程序图标：4.点击“Sublime Text”图标进入程序，出现以下画面即安装完成：5.消息框提示是否更新版本，可以自行选择6.因为是未注册版，经常会出现要求注册的消息提示，无需理会，关闭即可安装插件管理器Package Control1.在联网状态下，打开“Sublime Text”后，通过以下菜单：或快捷键Ctrl+~（键盘左上角esc下面的那个键）打开控制台，如下：2.将以下代码复制到输入框中后按回车键import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.r equest.install_opener(urllib.request.build_opener(urllib.request.ProxyHa ndler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('htt p:///'+pf.replace(' ','%20')).read())3.如果出现以下提示，则退出“Sublime Text”（注意是退出：⌘+Q，不是关闭）后再打开4.在菜单栏中出现以下菜单则安装成功：安装插件1.Emmet插件（必备）a)点击上图“Package Control”，出现下图：b)点击“Install Package”，在输入框中输入“emmet”，点击出现的插件c)下方状态栏会显示安装状态，如下：d)安装完成会显示说明文档，并自动下载PyV8插件，直至状态栏不动为止e)新建一个文件（通过菜单或⌘+N），保存为html后缀的文件（菜单或⌘+S）f)在文件中键入字符!（注意是英文符号），再按“Tab“键，应出现如下代码：即表示emmet插件安装成功。

g)如果没有上述反应，或出现以下提示：则需手动安装PyV8插件2.PyV8插件安装h)打开浏览器，输入：https:///emmetio/pyv8-binaries，点击下图中的绿色按钮，再点击“Download ZIP“i)将下载文件解压缩，再找到pyv8-osx-p3.zip文件，同样解压缩，拷贝其中的2个文件，如下图j)在Sublime中Package Control找到以下菜单：点击后出现以下文件夹：将上步拷贝的2个文件粘贴到“osx-p3”中即可，如果该文件夹中有其它内容，可以先全部删除再粘贴。

k)再次打开Sublime后需等待安装结束（查看状态栏，静止不变），再次尝试1-f步骤3.HTML5插件：在Preferences下点击Packagecontrol菜单，点击install package，输入：html54.CSS3插件：重复上述步骤，输入CSS35.JS插件：重复上述步骤，输入javasc6.jQuery插件：重复上述步骤，输入jquery7.jsFormat插件：重复上述步骤，输入jsforJava及相关软件安装Java SDK安装1.下载Java SDK安装包（jdk-7u71-macosx-x64.dmg）2.双击安装，稍后出现3.再次双击上图中的黄色图标，稍后出现4.点击上图中的“继续“，出现下图，再点击“安装“5.出现以下提示框后输入Mac账号密码再点击“安装软件“6.最后出现下图界面，表示安装完成，点击“关闭“7.进入“终端“（Launchpad →其他→终端），键入命令：java -version出现上图提示即表示安装成功Tomcat安装（Web服务器）1.下载解压版Tomcat（官网，根据需要选择版本）：apache-tomcat-6.0.33.tar.gz2.将解压后的文件夹移动到用户主目录下，非必须步骤，只是为了操作方便3.进入终端，进入tomcat文件夹下的bin（cdapache-tomcat-6.0.33/bin），查看一下sh文件权限（ls -l *.sh），如果第一列有rwx就可以跳过步骤44.如果没有，输入命令：chmod 755 *.sh5.输入命令：./startup.sh出现以上信息，并且Dock栏中出现以下咖啡图标即表示启动成功6.打开浏览器，输入以下地址：http://127.0.0.1:8080出现以上画面即可7.停止tomcat的命令是：./shutdown.sh MySQL安装（数据库服务器）1.下载安装文件：mysql-5.7.10-osx10.10-x86_64.dmg2.双击安装，出现以下界面后双击黄色图标3.按照提示进行：4. 安装结束后，会弹出以下消息框，记住其中的密码：ggkttR87_1yR （可以鼠标选中后复制，或者截图保存），这是管理员的初始密码，每次都不同5.点击“关闭”即完成了MySQL的安装：6.打开“系统偏好设置”，会看到MySQL的控制面板，如下：点击后出现：其中“Start MySQL Server”用于启动MySQL 服务，如果下面的复选框选中，则每次开机后MySQL都自动启动服务7.修改root账号密码：a)进入终端，键入：mysql –uroot -pggkttR87_1yR其中-u后面是用户名，-p后面是密码b)修改root用户密码：alter user‘root’@’localhost’identified by‘新密码’c)为root账号增加远程访问：grant all privileges on *.* to ‘root’@’%’identified by ‘密码’;flush privileges;8.卸载MySQL：首先在“系统偏好设置”中停止MySQL服务，在终端中依次输入以下命令：sudo rm -rf /usr/local/mysqlsudo rm -rf /usr/local/mysql*sudo rm -rf /Library/StartupItems/MySQLCOMsudo rm -rf /Library/PreferencePanes/My*sudo rm -rf ~/Library/PreferencePanes/My*sudo rm -rf /Library/Receipts/mysql*sudo rm -rf /Library/Receipts/MySQL*sudo rm -rf /var/db/receipts/com.mysql.*Navicat安装（数据库工具）1.下载安装文件：NavicatPremium11.0.16.dmg2.双击安装，稍后出现以下界面：第一个是破解程序，先双击第二个3.按照提示逐步进行安装点击“Agree”，稍后出现下图，将“Navicat Premium”黄色图标拖进蓝色“Applications”图标中4.等待安装过程结束在“Launchpad”中出现“Navicat Premium”黄色图标就表示安装完成，先不要打开运行5.破解：a)点击步骤2中的第一个文件“core_keygen.dmg”，出现如下：b)右键该图标，选择“显示简介”，在弹出界面中选中“以32位模式打开”c)关闭上述界面后双击“Core Keygen”，如出现下面的安全警示，可在“系统偏好设置”中打开d)打开后出现如下界面先点击“Patch”按钮，在弹出界面中选择“应用程序”下的“Navicat”，点击“Open”后再点击“Generate”按钮，最后点击“Activate”按钮，又会弹出上面的界面，再选择一次“Navicat”后点击“Open”，出现“Activated”即破解成功6.运行：点击“Navicat”图标，选择连接的数据库类型（以MySQL为例），在弹出界面输入数据库连接参数（主要是密码）再点击“Test Connection”按钮，如果出现以下界面表示连接成功MyEclipse安装（Java开发工具）1.下载安装程序：myeclipse-2015-stable-2.0-offline-installer-macosx2.双击安装，出现以下图标后再次双击3.按照提示逐步进行安装勾选“I accept the ……”选择安装位置，一般不用更改将”Launch……”的勾选去掉后点击“Finish”，先破解再执行4.破解：a)执行破解包中的“cracker2015.jar”b)弹出如下界面c)其中“Usercode”随便填，该行后面的版本选择不要改变，点击“SystemId…”按钮，左边的文本框中就会生成一串代码；如果没有，而在下面的大文本区中出现“Cannot find JNIWrapper native library……”的提示，一般再点击一次“SystemId…”按钮即可d)点击“Active”按钮，再选择“Tools”菜单中的“SaveProperties”保存注册码e)复制补丁包，将“patch-补丁包”下的“plugins”文件夹中的8个文件（夹）拷贝，再找到MyEclipse的plugins文件夹（在“应用程序”中按下图右键“MyEclipse”再点击“显示包内容”）按照如下路径就可以找到plugins：将拷贝内容粘贴到这里，注意粘贴过程中如果出现“合并”的提示，一定要选择“合并”，没有“合并”就选择“覆盖”f)最后在MyEclipse的plugins文件夹中找到com.genuitec.eclipse.mobile.phonegap.core_13.0.0.me201504281437这个文件夹，再将其中2个子文件夹（bin/com/genuitec/eclipse/mobile/phonegap/core/internal 以及com/genuitec/eclipse/mobile/phonegap/core/internal）中的PhonegapProjectManagerImpl$1.class和PhonegapProjectManagerImpl$2.class文件删除（一共4个文件）g)完成后就可以打开MyEclipse了5.安装SVN插件：必须完全退出MyEclipsea)下载插件包：site-1.6.18.zipb)解压缩后将文件夹更名为svn，并将其中的文件删除，仅保留“features”和“plugins”2个文件夹，再将该svn文件夹拷贝到MyEclipse的Profile中c)在Profile下的dropins中建立一个纯文本文件，命名：svn.link，文件中写入以下内容（路径根据安装MyEclipse时的选择不同会有不同）：path=/Applications/MyEclipse 2015/MyEclipse 2015.app/Contents/Profile/svnd)保存后重新打开MyEclipse，出现以下提示，去掉复选框后点击“OK”：e)任意选择一个项目，右键选择“Team”下的“Share Project…”f)在弹出框中选择“SVN”后“Next”g)输入SVN服务器信息后点击“Finish”h)点击“永久接受”i)输入用户名、密码，勾选“保存密码”j)点击“OK”继续，出现下图时，可以点击“Yes”进入SVN视图，点击“No”则保留原视图，任选k)此时仅仅将项目结构传到代码服务器上，再次右键项目，在“Team”菜单中选择“提交…”菜单l)在空白文本区中可以输入注释，最后点击“OK”即可将整个项目代码上传到服务器m)完成后项目显示会和普通项目不同：项目名后面灰色的是该项目在服务器上的名称；黄色圆柱图标表示目前本地代码和服务器代码完全一致；星号图标表示本地有修改；问号图标表示是新增内容WebStorm安装（Web开发工具）1.下载安装程序：WebStorm.dmg2.双击后出现以下界面，将左边图标拖进右边，等Launchpad中出现WebStorm图标即安装完成3.打开WebStorm，如果没有旧版本，选择第二个单选项后点击“OK”按钮4.在注册窗口选择“License Server”，在文本框中输入：后点击“OK”就完成了(其中数字1可以换为0或2，只要“OK”按钮可以点击就行)其它软件Mac下SVN服务器配置1.需安装Xcode或相关服务：在终端下键入svnserve --version。