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
沒有留言:
張貼留言