grunt如何啟動前端項目


很多時候,我們在做一個前后端分離的項目時,前后端的開發工作處於並行階段,並且是分開獨立開發,當然部署運行環境最好也是互不干涉為最好。

這種時候,后端也許會用eclipse等開發工具來開發,tomcat或者是jetty之類的進行部署運行,而我們前端則會考慮用grunt來運行。

現在將grunt部署運行步驟羅列如下:

1、安裝node

 https://nodejs.org/en/ 下載地址,或者點擊下載 download ,然后傻瓜式的點擊下一步下一步。

安裝了nodejs之后,可以在你的控制台中輸入“node -v”來查看nodejs的版本,也順便試驗nodejs是否安裝成功。

出現界面如此,nodejs便成功了。

 

2、安裝grunt-CLI

  “CLI”被翻譯為“命令行”。要想使用grunt,首先必須將grunt-cli安裝到全局環境中,使用nodejs的“npm install…”進行安裝。

輸入命令行:“npm install -g grunt-cli”

接着驗證cli是否安裝成功,在命令行中輸入“grunt”命令即可

出現此頁面,證明我們的安裝成功了,接着可以試着進入項目中了

3、新建/導入項目

因為家里無法訪問公司的git地址,所以做了一個新的demo演示用用,建項目時,需要注意兩個文件,Gruntfile.js和package.json文件是一定要有的

4、在項目內安裝grunt和依賴

因為安裝grunt是根據每個項目而定了,所以命令行需要先進入到該項目的文件夾中,然后執行“npm install grunt --save-dev”

......

說明已經安裝成功了

 

5、配置Gruntfile.js

js配置如下:

 

這是配置前和配置后的變化,配置前會提示報錯,配置后不會報錯了


6 、運行git上下載的grunt項目
進入項目的文件夾,然后執行命令“npm install grunt --save-dev”安裝依賴
等這一步運行完成之后,運行grunt即可。





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM