2015年4月27日 星期一

Bootstrap 環境架設

Bootstrap:
1.網頁APP的主流框架,但不知緣目前依些網頁設計工具
2.其特色是使用command line方式來操作

環境架設
windows:
1.安裝node js  https://nodejs.org/
2.安裝python 2.7.X  https://www.python.org/downloads/
3.安裝git for windows  http://git-scm.com/download/win
4.下載 partjs  https://github.com/partjs/partjs  解壓縮到 C:\底下
5.申請 mongolab 帳號 https://mongolab.com/
   在MongoDB deployment增加一個plan,然後在plan創建一個user
6.打開命令提示字元進入C:\partjs-master
7.cp config.example.js config.js
8.然後打開config.js修改紅色字的地方
  uri: process.env.MONGOLAB_URI || process.env.MONGOHQ_URL || 'localhost/drywall'
改成申請的帳號跟密碼'mongodb://<dbuser>:<dbpassword>@ds041387.mongolab.com:41387/moko365_test'
ps:此字串在mongolab中申請得到的
9.install 一些npm工具
   npm update -g bower
   npm i -g bower
   npm -g i forever
   npm -g i grunt-cli
10.執行node app.js
11.開瀏覽器輸入http://localhost:3000/

就可以看到網頁的畫面

一些free source的網站
http://getbootstrap.com/
http://bootsnipp.com/
https://github.com/erikflowers/weather-icons
https://unsplash.com/
http://designmodo.github.io/Flat-UI/


ps:過程中出現"Error: Cannot find module 'express'"這個錯誤
     決方法:執行 npm install



沒有留言:

張貼留言