【node初體驗】【0.1】node建站 基礎流程

【node初體驗】【0.1】node建站 基礎流程

這是我今天學習imooc.com中Node教程的筆記
本nodejs基礎建站使用工具

• 由npm install 下載工具 express框架、jade模板引擎、mongoose、moment時間插件

• (全使用vim進行編輯)

步驟 1 . 新建項目文件

• 新建項目目錄 mkdir imooc

• 進入 cd imooc

• 新建模板文件夾 views mkdir views

• 在views目錄中創建四個視圖模板文件
  cd views
vim index.jade
vim admin.jade
vim list.jade
vim detail.jade

• 新建 入口文件 app.js vim app.js

• 在imooc文件夾中npm命令行獲取組件依賴安裝
  npm install jade express mongoose moment

• 項目目錄初始化命令
  imooc/
npm install express
npm install jade
npm install mongoose
npm install moment // 時間插件
npm install bower -g
bower install bootstrap

步驟2.1 編寫入口文件 app.js vim app.js

基礎內容

var express = require('express') //引入express模塊 
var app = express() //實例化express

app.set('view engine','jade') //設置模板引擎jade 
app.set('port',3000) //設置端口

//路由設置
app.get('/', function(req,res){
    res.render('index',{title:'imooc'})  
   //'index'=>index.jade 文件 ； 並輸入title變量
})

步驟 2.2 修正 app.js 並加入詳細路由內容

vim app.js

var express = require('express')
var port = process.env.PORT || 3000
var app = express()

app.set('views','./views')
app.set('view engine','jade')
app.listen(port)

console.log('imoooc started on' + port)


//index page
app.get('/',function(req,res){

   res.render('index',{
    title: '羅思菊'        
})
})

//detail page
app.get('/movie/:id',function(req,res){
    res.render('detail',{
    title: 'imooc 詳情頁'
})
})


//admin  page
app.get('/admin/movie',function(req,res){
    res.render('admin',{
    title: 'imooc 後臺登錄頁'
})
})


//list  page
app.get('/admin/list',function(req,res){
    res.render('list',{
    title: 'imooc 列表頁'
})
})

步驟3. 在/views下四個模板文件基礎內容

jade視圖模板

doctype
html
    head
         meta(charset="utf-8")
         title #{title}
    body
         h1 #{title}

• 注意縮進

• #{} 變量佔位符

步驟4. 啓動測試

• 在/imooc 下cd imooc，啓動 node app.js

• 運行在默認端口 localhost:3000

• 每次更改文件後都須要重啓

vim簡單用法

還只是接觸了一點用法，在後續nodejs的學習中我會繼續使用vim，同時多熟悉vim的操做，甚是喜歡這樣乾淨的文本編輯器。

• vim 新建或打開文件

• i 插入內容

• dd 刪除一行

• ECS 回到正常模式

• :set number 顯示行號

• y行數 複製幾行

• yy 複製當前行

• p 粘貼

• u 撤銷

• #G 跳到#行

其餘待發現待學習，Vim很可愛。

node初體驗感覺

• 以前一直在用php，js只是鮮有接觸，只是學了點用在前端的基礎內容，也一直困惑着沒能多學學，沒能更好地認知；

• 今天體驗了下nodejs，發覺我已經喜歡上這個簡潔、快捷的web建站工具了，將繼續學習下去；

學習的教程地址

學習imooc node教程 筆記
視頻教程地址 ： http://www.imooc.com/learn/75