寫在前面

大家好我是博客園的蝸牛,博客園的蝸牛就是我。學(xué)習(xí)這篇文章,你不需要任何nodejs基礎(chǔ),當(dāng)然你有的話就更順利了。園子里有很多全棧或者是前端后臺數(shù)據(jù)庫都有需要你發(fā)光發(fā)熱的人。也許你很喜歡做著這樣的事兒,也許你不喜歡但是難以逃脫這樣的安排。但是,無論你是前端,還是后端,還是全棧,好的工具和方法總是很重要的。當(dāng)你在VS里寫前端頁面時(shí),一遍又一遍的刷新瀏覽器給你帶來的不僅僅是煩惱,長此以往更是時(shí)間的浪費(fèi)。今天分享的就能完全幫助你解決這樣的問題——基于nodejs的Gulp LiveReload與VisualStudio完美結(jié)合。希望本篇文章,能帶給辛苦需要進(jìn)行前端工作的人一點(diǎn)方便。

 

直入主題

gulp讀音【galp】,基于nodejs,所以這個(gè)環(huán)境是必要的,如果你沒安裝,那就去官網(wǎng)或者百度下載安裝包并按照教程安裝上就好了。我直接進(jìn)入正題:耐心點(diǎn),十步完成

1.全局安裝 gulp:

  npm install --global gulp

2.作為項(xiàng)目的開發(fā)依賴(devDependencies)安裝:

  npm install gulp gulp-livereload --save-dev 命令來安裝livereload

3.使用命令來查看你已經(jīng)安裝的npm包

   npm list -g -depth 0,如果你看到下面兩項(xiàng),恭喜你安裝成功。

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

   電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

4.接下來到VS中創(chuàng)建你的MVC項(xiàng)目,自己動(dòng)手寫個(gè)demo。

  電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

5.好了,現(xiàn)在一個(gè)新的MVC項(xiàng)目已經(jīng)創(chuàng)建完成,并且我添加了TestController,并且有一個(gè)Index的View.并且現(xiàn)在View中除了html框架,什么也沒有,也不需要引用什么。你唯一要做的就是在Views目錄中添加一個(gè)我們的配置文件內(nèi)容如下:

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

var&
        
		

網(wǎng)友評論