大家好我是博客園的蝸牛,博客園的蝸牛就是我。學(xué)習(xí)這篇文章,你不需要任何nodejs基礎(chǔ),當(dāng)然你有的話就更順利了。園子里有很多全?;蛘呤乔岸撕笈_(tái)數(shù)據(jù)庫(kù)都有需要你發(fā)光發(fā)熱的人。也許你很喜歡做著這樣的事兒,也許你不喜歡但是難以逃脫這樣的安排。但是,無(wú)論你是前端,還是后端,還是全棧,好的工具和方法總是很重要的。當(dāng)你在VS里寫前端頁(yè)面時(shí),一遍又一遍的刷新瀏覽器給你帶來(lái)的不僅僅是煩惱,長(zhǎng)此以往更是時(shí)間的浪費(fèi)。今天分享的就能完全幫助你解決這樣的問(wèn)題——基于nodejs的Gulp LiveReload與VisualStudio完美結(jié)合。希望本篇文章,能帶給辛苦需要進(jìn)行前端工作的人一點(diǎn)方便。
 
直入主題
gulp讀音【galp】,基于nodejs,所以這個(gè)環(huán)境是必要的,如果你沒(méi)安裝,那就去官網(wǎng)或者百度下載安裝包并按照教程安裝上就好了。我直接進(jìn)入正題:耐心點(diǎn),十步完成
1.全局安裝 gulp:
npm install --global gulp
2.作為項(xiàng)目的開發(fā)依賴(devDependencies)安裝:
npm install gulp gulp-livereload --save-dev 命令來(lái)安裝livereload
3.使用命令來(lái)查看你已經(jīng)安裝的npm包
 npm list -g -depth 0,如果你看到下面兩項(xiàng),恭喜你安裝成功。
&nbs

網(wǎng)友評(píng)論