Node.js 開發

Node.js沒必要介紹，已經太火爆了。簡單說是用Javascript開發Web服務端，基於Google V8引擎，單線程。很少說從零開始Windows平臺下的Node.js的開發之旅。

環境工具爲先

首先到Node.js的官方網站上下載安裝包，一步步安裝，如今最新版本爲V0.8.12。安裝完成後，驗證下安裝是否成功：打開命令行窗口輸入：

node --version

得到以下提示，表示安裝成功。

Windows下我使用微軟的WebMatrix做爲開發工具，WebMatrix提供了Node.js開發時的幾種模板，使用跟Visual Studio很接近，很是方便。另外提供了一些擴展的工具，好比Git的擴展工具等等。剛使用時，我仍是使用node的命令進行一些操做，不直接使用WebMatrix，WebMatrix只做爲編寫工具，這樣更容易理解。

安裝Express

咱們經過使用Node.js裏面的‘http’模塊進行http請求、響應的操做，來實現本身的Web框架，這裏就不本身造輪子了（本身也沒那個水平），使用Node.js比較流行的Web框架「Express」。Node.js提供了很好的包的管理器「npm」,方便的進行包的安裝、卸載、更新。

安裝Express:

npm install –g express

npm install  express-generator -g

會出現以下信息：

驗證是否安裝成功：

express –version

這裏簡單說下npm,上面的-g表明是全局的，默認npm是進行本地安裝。本地安裝時，npm會將包安裝到當前目錄的node_modules目錄中，通常狀況不能夠直接在命令行中使用；全局安裝時會將包安裝到系統目錄中，這樣咱們就能夠在命令行中處處使用。

 

 

建立項目
       建立項目（建立文件夾名稱ExpressApp）

express ExpressApp

生成目錄以下
ExpressApp
 |-- app.js
 |-- package.json
 |-- bin
     |-- www
 |-- public
     |-- images
     |-- javascripts
     |-- stylesheets
     |-- style.css
 |-- routes
     |-- index.js
     |-- users.js
 |-- views
     |-- error.jade
     |-- index.jade
     |-- users.jade

三、下載第三方包
（1）cmd命令行切換到項目目錄
cd e:\nodejs\ExpressApp
（2）根據須要編輯package.json，運行以下指令安裝第三方包
npm install
在項目目錄下node_modules可見安裝好的第三方包
ExpressApp 
 |-- node_modules 
（3）運行項目
npm start
輸出以下：
  > ExpressApp@0.0.0 start E:\Nodejs_Workspace\ExpressApp
  > node ./bin/www
   注：npm start指令會自動執行node ./bin/www

在瀏覽器中輸入http://localhost:3000，可訪問Express歡迎頁面

 

2、使用VSCode開發Nodejs
一、VSCode打開Nodejs
code e:\nodejs\ExpressApp
或
cd e:\nodejs\ExpressApp
code .
   注：在當前項目下建立ExpressApp.bat，輸入「code .」便可，下次直接此文件直接使用VSCode打開Nodejs項目

@echo off
code.
   打開VsCode後，在左側導航欄上的任意文件上右鍵，能夠快捷打開CMD命令，也能夠打開文件所在文件夾。

 

二、添加智能提示

   VSCode打開Nodejs項目，默認是沒有智能提示。
（1）使用TypeScript Definition Manager(TSD)在項目中下載所需的tsd文件，VSCode中打開時有智能
         全局安裝tsd（如已安裝忽略）
npm install -g tsd
       下載所需的組件提示（如下載node、express提示爲例）
tsd query node --action install
tsd query express --action install
  注：
①多個提示組件在query參數後能夠空格分隔簡寫爲tsd query node express --action install
②組件會項目目錄下添加typings文件夾
 |-- typings
     |-- node
     |-- express

（2）添加js文件引用的智能提示
          假如在文件引用另一個文件common.js時，文件頭添加以下
/// <reference path="common.js"/>

（3）添加js標準智能提示
          在項目根目錄下添加jsconfig.json文件，文件內容以下：
{
"compilerOptions": {
"target": "ES5",
"module": "commonjs"
}
}
    此配置表示代碼服從ES5標準並使用commonjs規範（什麼是commonjs請參考http://www.cnblogs.com/fullhouse/archive/2011/07/15/2107416.html），發VScode下有此配置以後，能夠實如今文件中對require引用js文件的智能提示。（我測試時無此配置也會有智能提示，不清楚什麼緣由）

3、調試

一、建立VSCode調度配置文件
   點擊調試面板，並點擊運行（F5）按鈕時，右側出現下拉框，選擇「Node.js」

   而後會在項目目錄下建立launch.json文件
ExpressAppp
 |--.vscode
    |-- launch.json

   可根據須要編輯launch.json，修改啓動配置項

二、建立斷點：
      根據須要建立斷點：在js文件編輯區域左側，會添加/移除斷點

三、調度

     在調試面板上點擊運行或按快捷鍵F5

 

4、VSCode編輯js經常使用快捷方式

快捷鍵 說明
F5 調試運行程序
F8 查看警告、錯誤信息
F12  快速定義到聲明
Ctrl + P 快捷查找文件（輸入?顯示全部指令）
Ctrl + F 文件中快速查找
Ctrl + B toggle左側導航欄
Ctrl + Shift + M 顯示警告和錯誤，至關於Ctrl + P,輸入!
Ctrl + Shift + O 根據類型符號查找，至關於Ctrl + P,輸入@:
   

5、VSCode的幾個問題
        可能由於VsCode纔出來半年左右，與VS強大的智能提示功能相比，仍是差了很多。其中最影響使用的在於如下幾點：

       一、不能識別（智能提示）構造函數內部聲明的成員；       二、js文件之間引用關係的智能提示沒有（儘可能添加了/// <reference path="" />)       三、不支持js排版（儘管有預留了功能用快捷鍵 ctrl + shift + F用於排版，但功能未實現）--------------------- 做者：gezhonglei2007 來源：CSDN 原文：https://blog.csdn.net/gezhonglei2007/article/details/50574652 版權聲明：本文爲博主原創文章，轉載請附上博文連接！