Mac下常用前端開發(fā)軟件環(huán)境安裝

1、容i'r1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111Sublime Text及插件安裝Sublime Text安裝1. 準(zhǔn)備安裝程序：sublimetext.dmg2. 雙擊安裝程序，稍后出現(xiàn)以下畫面：3. 將“Sublime Text”拖進(jìn)“Applications”，稍后在“Launchpad”中出現(xiàn)程序圖標(biāo)：4. 點(diǎn)擊“Sublime Text”圖標(biāo)進(jìn)入程序，出現(xiàn)以下畫面即安裝完成：5. 消息框提示是否更新版本，可

2、以自行選擇6. 因?yàn)槭俏醋园?，?jīng)常會(huì)出現(xiàn)要求注冊的消息提示，無需理會(huì)，關(guān)閉即可安裝插件管理器Package Control1. 在聯(lián)網(wǎng)狀態(tài)下，打開“Sublime Text”后，通過以下菜單：或快捷鍵Ctrl+（鍵盤左上角esc下面的那個(gè)鍵）打開控制臺(tái)，如下：2. 將以下代碼復(fù)制到輸入框中后按回車鍵import urllib.request,os;pf='Package Control.sublime-package'ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.reque

3、st.build_opener(urllib.request.ProxyHandler();open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen(' ','%20').read()3. 如果出現(xiàn)以下提示，則退出“Sublime Text”（注意是退出：+Q，不是關(guān)閉）后再打開4. 在菜單欄中出現(xiàn)以下菜單則安裝成功：安裝插件1. Emmet插件（必備）a) 點(diǎn)擊上圖“Package Control”，出現(xiàn)下圖：b) 點(diǎn)擊“Install Package”，在輸入框中輸入“emmet

4、”，點(diǎn)擊出現(xiàn)的插件c) 下方狀態(tài)欄會(huì)顯示安裝狀態(tài)，如下：d) 安裝完成會(huì)顯示說明文檔，并自動(dòng)下載PyV8插件，直至狀態(tài)欄不動(dòng)為止e) 新建一個(gè)文件（通過菜單或+N），保存為html后綴的文件（菜單或+S）f) 在文件中鍵入字符!（注意是英文符號(hào)），再按“Tab“鍵，應(yīng)出現(xiàn)如下代碼：即表示emmet插件安裝成功。g) 如果沒有上述反應(yīng)，或出現(xiàn)以下提示：則需手動(dòng)安裝PyV8插件2. PyV8插件安裝h) 打開瀏覽器，輸入： ZIP“i) 將下載文件解壓縮，再找到pyv8-osx-p3.zip文件，同樣解壓縮，拷貝其中的2個(gè)文件，如下圖j) 在Sublime中Package Control找到以下菜

5、單：點(diǎn)擊后出現(xiàn)以下文件夾：將上步拷貝的2個(gè)文件粘貼到“osx-p3”中即可，如果該文件夾中有其它內(nèi)容，可以先全部刪除再粘貼。k) 再次打開Sublime后需等待安裝結(jié)束（查看狀態(tài)欄，靜止不變），再次嘗試1-f步驟3. HTML5插件：在Preferences下點(diǎn)擊Package control菜單，點(diǎn)擊install package，輸入：html54. CSS3插件：重復(fù)上述步驟，輸入CSS35. JS插件：重復(fù)上述步驟，輸入javasc6. jQuery插件：重復(fù)上述步驟，輸入jquery7. jsFormat插件：重復(fù)上述步驟，輸入jsforJava及相關(guān)軟件安裝Java SDK安裝1.

6、 下載Java SDK安裝包（jdk-7u71-macosx-x64.dmg）2. 雙擊安裝，稍后出現(xiàn)3. 再次雙擊上圖中的黃色圖標(biāo)，稍后出現(xiàn)4. 點(diǎn)擊上圖中的“繼續(xù)“，出現(xiàn)下圖，再點(diǎn)擊“安裝“5. 出現(xiàn)以下提示框后輸入Mac賬號(hào)密碼再點(diǎn)擊“安裝軟件“6. 最后出現(xiàn)下圖界面，表示安裝完成，點(diǎn)擊“關(guān)閉“7. 進(jìn)入“終端“（Launchpad à 其他 à 終端），鍵入命令：java -version出現(xiàn)上圖提示即表示安裝成功Tomcat安裝（Web服務(wù)器）1. 下載解壓版Tomcat（官網(wǎng)，根據(jù)需要選擇版本）：apache-tom

7、cat-6.0.33.tar.gz2. 將解壓后的文件夾移動(dòng)到用戶主目錄下，非必須步驟，只是為了操作方便3. 進(jìn)入終端，進(jìn)入tomcat文件夾下的bin（cd apache-tomcat-6.0.33/bin），查看一下sh文件權(quán)限（ls -l *.sh），如果第一列有rwx就可以跳過步驟44. 如果沒有，輸入命令：chmod 755 *.sh5. 輸入命令：./startup.sh出現(xiàn)以上信息，并且Dock欄中出現(xiàn)以下咖啡圖標(biāo)即表示啟動(dòng)成功6. 打開瀏覽器，輸入以下地址：:8080出現(xiàn)以上畫面即可7. 停止tomcat的命令是：./shutdown.shMySQ

8、L安裝（數(shù)據(jù)庫服務(wù)器）1. 下載安裝文件：mysql-5.7.10-osx10.10-x86_64.dmg2. 雙擊安裝，出現(xiàn)以下界面后雙擊黃色圖標(biāo)3. 按照提示進(jìn)行：4. 安裝結(jié)束后，會(huì)彈出以下消息框，記住其中的密碼：ggkttR87_1yR（可以鼠標(biāo)選中后復(fù)制，或者截圖保存），這是管理員的初始密碼，每次都不同5. 點(diǎn)擊“關(guān)閉”即完成了MySQL的安裝：6. 打開“系統(tǒng)偏好設(shè)置”，會(huì)看到MySQL的控制面板，如下：點(diǎn)擊后出現(xiàn)：其中“Start MySQL Server”用于啟動(dòng)MySQL服務(wù)，如果下面的復(fù)選框選中，則每次開機(jī)后MySQL都自動(dòng)啟動(dòng)服務(wù)7. 修改root賬號(hào)密碼：a) 進(jìn)入終端

9、，鍵入：mysql uroot -pggkttR87_1yR其中-u后面是用戶名，-p后面是密碼b) 修改root用戶密碼：alter user rootlocalhost identified by 新密碼c) 為root賬號(hào)增加遠(yuǎn)程訪問：grant all privileges on *.* to root% identified by 密碼;flush privileges;8. 卸載MySQL：首先在“系統(tǒng)偏好設(shè)置”中停止MySQL服務(wù)，在終端中依次輸入以下命令：sudo rm -rf /usr/local/mysqlsudo rm -rf /usr/local/mysql*sudo

10、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安裝（數(shù)據(jù)庫工具）1. 下載安裝文件：NavicatPremium11.0.16.dmg2. 雙擊安裝，稍后出現(xiàn)以下界面：第一個(gè)

11、是破解程序，先雙擊第二個(gè)3. 按照提示逐步進(jìn)行安裝點(diǎn)擊“Agree”，稍后出現(xiàn)下圖，將“Navicat Premium”黃色圖標(biāo)拖進(jìn)藍(lán)色“Applications”圖標(biāo)中4. 等待安裝過程結(jié)束在“Launchpad”中出現(xiàn)“Navicat Premium”黃色圖標(biāo)就表示安裝完成，先不要打開運(yùn)行5. 破解：a) 點(diǎn)擊步驟2中的第一個(gè)文件“core_keygen.dmg”，出現(xiàn)如下：b) 右鍵該圖標(biāo)，選擇“顯示簡介”，在彈出界面中選中“以32位模式打開”c) 關(guān)閉上述界面后雙擊“Core Keygen”，如出現(xiàn)下面的安全警示，可在“系統(tǒng)偏好設(shè)置”中打開d) 打開后出現(xiàn)如下界面先點(diǎn)擊“Patch”按

12、鈕，在彈出界面中選擇“應(yīng)用程序”下的“Navicat”，點(diǎn)擊“Open”后再點(diǎn)擊“Generate”按鈕，最后點(diǎn)擊“Activate”按鈕，又會(huì)彈出上面的界面，再選擇一次“Navicat”后點(diǎn)擊“Open”，出現(xiàn)“Activated”即破解成功6. 運(yùn)行：點(diǎn)擊“Navicat”圖標(biāo)，選擇連接的數(shù)據(jù)庫類型（以MySQL為例），在彈出界面輸入數(shù)據(jù)庫連接參數(shù)（主要是密碼） 再點(diǎn)擊“Test Connection”按鈕，如果出現(xiàn)以下界面表示連接成功MyEclipse安裝（Java開發(fā)工具）1. 下載安裝程序：myeclipse-2015-stable-2.0-offline-installer-mac

13、osx2. 雙擊安裝，出現(xiàn)以下圖標(biāo)后再次雙擊3. 按照提示逐步進(jìn)行安裝勾選“I accept the ”選擇安裝位置，一般不用更改將”Launch”的勾選去掉后點(diǎn)擊“Finish”，先破解再執(zhí)行4. 破解：a) 執(zhí)行破解包中的“cracker2015.jar”b) 彈出如下界面c) 其中“Usercode”隨便填，該行后面的版本選擇不要改變，點(diǎn)擊“SystemId”按鈕，左邊的文本框中就會(huì)生成一串代碼；如果沒有，而在下面的大文本區(qū)中出現(xiàn)“Cannot find JNIWrapper native library”的提示，一般再點(diǎn)擊一次“SystemId”按鈕即可d) 點(diǎn)擊“Active”按鈕，

14、再選擇“Tools”菜單中的“SaveProperties”保存注冊碼e) 復(fù)制補(bǔ)丁包，將“patch-補(bǔ)丁包”下的“plugins”文件夾中的8個(gè)文件（夾）拷貝，再找到MyEclipse的plugins文件夾（在“應(yīng)用程序”中按下圖右鍵“MyEclipse”再點(diǎn)擊“顯示包內(nèi)容”）按照如下路徑就可以找到plugins：將拷貝內(nèi)容粘貼到這里，注意粘貼過程中如果出現(xiàn)“合并”的提示，一定要選擇“合并”，沒有“合并”就選擇“覆蓋”f) 最后在MyEclipse的plugins文件夾中找到com.genuitec.eclipse.mobile.phonegap.core_13.0.0.me2015042

15、81437這個(gè)文件夾，再將其中2個(gè)子文件夾（bin/com/genuitec/eclipse/mobile/phonegap/core/internal 以及 com/genuitec/eclipse/mobile/phonegap/core/internal）中的PhonegapProjectManagerImpl$1.class 和 PhonegapProjectManagerImpl$2.class文件刪除（一共4個(gè)文件）g) 完成后就可以打開MyEclipse了5. 安裝SVN插件：必須完全退出MyEclipsea) 下載插件包：site-1.6.18.zipb) 解壓縮后將文件夾更名

16、為svn，并將其中的文件刪除，僅保留“features”和“plugins”2個(gè)文件夾，再將該svn文件夾拷貝到MyEclipse的Profile中c) 在Profile下的dropins中建立一個(gè)純文本文件，命名：svn.link，文件中寫入以下內(nèi)容（路徑根據(jù)安裝MyEclipse時(shí)的選擇不同會(huì)有不同）：path=/Applications/MyEclipse 2015/MyEclipse 2015.app/Contents/Profile/svnd) 保存后重新打開MyEclipse，出現(xiàn)以下提示，去掉復(fù)選框后點(diǎn)擊“OK”：e) 任意選擇一個(gè)項(xiàng)目，右鍵選擇“Team”下的“Share Pr

17、oject”f) 在彈出框中選擇“SVN”后“Next”g) 輸入SVN服務(wù)器信息后點(diǎn)擊“Finish”h) 點(diǎn)擊“永久接受”i) 輸入用戶名、密碼，勾選“保存密碼”j) 點(diǎn)擊“OK”繼續(xù)，出現(xiàn)下圖時(shí)，可以點(diǎn)擊“Yes”進(jìn)入SVN視圖，點(diǎn)擊“No”則保留原視圖，任選k) 此時(shí)僅僅將項(xiàng)目結(jié)構(gòu)傳到代碼服務(wù)器上，再次右鍵項(xiàng)目，在“Team”菜單中選擇“提交”菜單l) 在空白文本區(qū)中可以輸入注釋，最后點(diǎn)擊“OK”即可將整個(gè)項(xiàng)目代碼上傳到服務(wù)器m) 完成后項(xiàng)目顯示會(huì)和普通項(xiàng)目不同：項(xiàng)目名后面灰色的是該項(xiàng)目在服務(wù)器上的名稱；黃色圓柱圖標(biāo)表示目前本地代碼和服務(wù)器代碼完全一致；星號(hào)圖標(biāo)表示本地有修改；問號(hào)圖標(biāo)

18、表示是新增內(nèi)容 WebStorm安裝（Web開發(fā)工具）1. 下載安裝程序：WebStorm.dmg2. 雙擊后出現(xiàn)以下界面，將左邊圖標(biāo)拖進(jìn)右邊，等Launchpad中出現(xiàn)WebStorm圖標(biāo)即安裝完成3. 打開WebStorm，如果沒有舊版本，選擇第二個(gè)單選項(xiàng)后點(diǎn)擊“OK”按鈕4. 在注冊窗口選擇“License Server”，在文本框中輸入：后點(diǎn)擊“OK”就完成了(其中數(shù)字1可以換為0或2，只要“OK”按鈕可以點(diǎn)擊就行)其它軟件Mac下SVN服務(wù)器配置1. 需安裝Xcode或相關(guān)服務(wù)：在終端下鍵入svnserve -version如果出現(xiàn)以下提示則表示SVN服務(wù)已經(jīng)安裝完成否則會(huì)彈出消息框

19、，根據(jù)提示選擇安裝Xcode或僅安裝服務(wù)2. 創(chuàng)建代碼庫a) 建立文件夾（以用戶主目錄為例）：mkdir svnb) 建立代碼庫（在svn目錄下）：svnadmin create svn/reposc) 修改conf文件夾下的配置文件svnserve.conf，將general部分中的以下4行的注釋去掉anon-access = readauth-access = writepassword-db = passwdauthz-db = authzd) 修改conf文件夾下的密碼配置文件passwd，在users下按照：username = password格式設(shè)置用戶與密碼e) 修改conf文件夾下的權(quán)限配置文件authz，其中g(shù)roups用于配置用戶身份，格式為：組名=用戶名（多個(gè)用戶使用,分隔）；/或代碼庫名:/路徑用于配置權(quán)限，格式為：組名（或用戶名，組名用開頭，用戶名直接寫）=權(quán)限（r-只讀，rw-讀寫），如圖f) 啟動(dòng)SVN服務(wù)：sudo svnserve -d -r /svn/reposg) 終止服務(wù)，先查詢svn進(jìn)程號(hào)，命令：ps aux|grep svn，再輸入命令：sudo kill -9 進(jìn)程號(hào)（root行的第一個(gè)數(shù)字），如下圖h) 本地項(xiàng)目到導(dǎo)入至SVN代碼庫svn import 項(xiàng)目主目錄 svn:/ho