讀古今文學網 > 學習JavaScript數據結構與算法(第2版) > 1.2 環境搭建 >

1.2 環境搭建

相比其他語言,JavaScript的優勢之一在於不用安裝或配置任何複雜的環境就可以開始學習。每台計算機上都已具備所需的環境,哪怕使用者從未寫過一行代碼。有瀏覽器足矣!

為了運行書中的示例代碼,建議你做好如下準備:安裝Chrome或Firefox瀏覽器(選擇一個你最喜歡的即可),選擇一個喜歡的編輯器(如Sublime Text),以及一個Web服務器(XAMPP或其他你喜歡的,這一步是可選的)。這些軟件在Windows、Linux和Mac OS上均可以使用。

如果你使用Firefox,推薦你安裝Firebug插件(https://getfirebug.com)。接下來將介紹搭建環境的三種方案。

1.2.1 最簡單的環境搭建

瀏覽器是最簡單的開發環境。

你也可以使用Firefox加Firebug。安裝好Firebug後,在瀏覽器的右上角會看到如下圖所示的圖標。

點擊Firebug圖標,打開它,可以看到Console標籤,我們可以在其命令行區域中編寫所有JavaScript代碼,如下圖所示(執行源代碼請按Run按鈕)。

也可以擴展命令行,來適應Firebug插件的整個可用區域。

你還可以使用谷歌Chrome,它已經集成了Google Developer Tools(谷歌開發者工具)。打開Chrome,點擊設置及控制圖標,選中Tools | Developer Tools,如下圖所示。

然後,就可以在Console標籤頁中編寫JavaScript測試代碼,如下所示。

1.2.2 使用Web服務器(XAMPP)

你可能想要安裝的第二個環境是XAMPP,它的安裝過程也很簡單,但比只使用瀏覽器麻煩點兒。

安裝XAMPP(https://www.apachefriends.org)或者你偏愛的其他Web服務器。然後,在XAMPP安裝文件夾下找到htdocs目錄。在該目錄下新建一個文件夾,就可以在裡面執行本書中所講述的源代碼;或者是直接將示例代碼下載後提取到此目錄,如下所示。

接下來,在啟動XAMPP服務器之後,你就可以通過localhost這個URL,用瀏覽器訪問源碼,如下圖所示(別忘了打開Firebug或谷歌開發者工具查看輸出)。

 執行示例代碼時,請不要忘記打開谷歌開發者工具或Firebug查看輸出結果。

1.2.3 使用Node.js搭建Web服務器

第三種選擇就是100%的JavaScript。我們可以使用Node.js來搭建一個JavaScript服務器,不使用XAMPP搭建的Apache服務器。

首先要到http://nodejs.org/下載和安裝Node.js。然後,打開終端應用(如果你用的是Windows操作系統,打開Node.js的命令行),輸入如下命令:

npm install http-server -g

  

最好手動輸入這些命令,複製粘貼可能會出錯。

也可以用管理員身份執行上述命令。對於Linux和Mac操作系統,使用如下命令:

sudo npm install http-server -g

  

這條命令會在你的機器上安裝一個JavaScript服務器:http-server。要啟動服務器並在終端應用上運行本書中的示例代碼,請將工作路徑更改至示例代碼文件夾,然後輸入http-server,如下圖所示,整個環境就搭建好了!

為執行示例,打開瀏覽器,通過http-server命令指定的端口訪問:

 下載代碼文件的具體步驟前言中介紹過了,請翻回去看一看。本書的代碼包在GitHub上的托管地址是https://github.com/loiane/javascript-datastructures-algorithms。其他圖書或視頻的代碼包也可以到https://github.com/PacktPublishing/查閱。別錯過!