很多時候,我們在做一個前后端分離的項目時,前后端的開發工作處於並行階段,並且是分開獨立開發,當然部署運行環境最好也是互不干涉為最好。
這種時候,后端也許會用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即可。