前段時間接觸ajax的時候發現筆記本的配置環境出了問題，很不方便。用apache配置略繁瑣，考慮到不是大型項目，用node.js配置就夠了。查找資料後研究了很久，老是安裝好了，記錄一下步驟，記憶很差以防往後須要。前端
1.安裝node.jsnode
在node.js官網根據狀況下載（Windows 系統 (.msi) 64位），選擇安裝路徑後一直next下去 ，最後點擊 Finish完成。web
2.打開cmdajax
開始 》輸入「cmd」 ，打開。輸入「path」 查看環境變量是否已安裝了node.js。 而後輸入"node --version"、"npm -version" 查看node.js版本apache
3.新建存放文件npm
先在E盤(任意盤)新建一個「webserver」（任意命名）的文件，而後在裏面新建一個src文件。 再src裏面新建5個文件並命名。json
將gulp配置文件package.json、gulpfile.js 等文件下載後放到「webserver」下面。gulp
而後在cmd輸入「npm install gulp -g」 回車安裝插件。服務器
安裝以後再輸入npm install回車。
安裝後，再看下webserver文件裏面會多出一個‘’node_modules」文件，總算安裝成功。
**4.打開webserver gulpfile.js文件修改 **
把這個位置的代碼刪掉，改爲：
server: {baseDir: './'},//根目錄啓動服務器
看到一個前端博客寫若是沒有打開iis服務器的話就要修改.....emm..沒安裝 跟着貼過去好了
5.打開Node.js command prompt
輸入 gulp+回車，瀏覽器自動彈出。
這時「webserver」下多了一個"dist"文件。
配置環境成功。把項目放在src裏面看下
總結
1.以前配置環境失敗緣由大概就是cmd路徑填寫錯誤和缺失配置文件致使，還有在最後一步輸入gulp的時候把cmd關了致使。
2.關於webserver下關於新建src文件的問題。一開始沒新建 ，項目放在「webserver」下也能夠在本地服務器查看到。但若是修改文件後保存，瀏覽器不能自動預覽。 src文件用來放置項目後，修改代碼保存後瀏覽器自動預覽,自動合併壓縮文件放到dist文件下。