http-server是一個簡單的咖祭,不需要配置的命令行下使用的http服務(wù)器。類似的還有Xampp等蔫骂。針對前端開發(fā)工程的代碼不需要編譯的特點(diǎn)么翰,使用這種簡單的服務(wù)器十分的便利。
1.安裝這個首先要安裝npm
npm install
https://www.npmjs.com
npm是一個js辽旋、mobile等等的包管理工具浩嫌,通過命令 npm install
命令,可以很簡單方便的安裝各種軟件包补胚,比如grunt码耐、http-server等等。
2 安裝nodejs
node又是神馬溶其?是JS運(yùn)行平臺骚腥。使用c++編寫而成,是一個js運(yùn)行環(huán)境瓶逃。
在官網(wǎng)下載dmg安裝文件(https://nodejs.org/download/)束铭,下載后直接點(diǎn)擊安裝完成。
上述操作完畢金闽,可以在終端下檢驗(yàn)是否node已經(jīng)安裝完成纯露。
node -v
npm -v
good~可以使用npm安裝我們想要的http-server了
3. 命令行安裝http-server
npm config set registry http://registry.cnpmjs.org
sudo npm install http-server -g
//-g 表示安裝在全局,不只是當(dāng)前用戶能用代芜。
//若果不加sudo有可能報錯埠褪,所以還是加上吧
上面registry配置項(xiàng)本來默認(rèn)的是訪問國外的網(wǎng)址,安裝超慢或者根本訪問不到挤庇,所以存在安裝超時的情況钞速,因此加了一句配置將其改成了中國的域名,或者替換為淘寶的npm鏡像http://npm.taobao.org/
常見的npm的命令:
npm -v
npm -g install npm@2.9.1 //(2.9.1是版本號)
Npm config set registry http://… //設(shè)置鏡像
npm update -g npm
4.安裝完成了嫡秕,開始使用http-server渴语。
將localhost定位到想要執(zhí)行的目錄下,
終端輸入http-server -c-1
//不加載緩存昆咽,默認(rèn)使用localhost和8080端口驾凶。
在瀏覽器中地址欄里輸入網(wǎng)址:localhost:8080
加上index.html
(你要預(yù)覽的文件),
例如輸入localhost:8080/index.html
就可以訪問該目錄下的index.html文件了掷酗。