vscode+node.js配置

js、node.js使用vsc中的Dark+配色方案

1、Visual Studio Code搭建NodeJs的開發環境

1.下載安裝NodeJs

步驟8：安裝相關環境

咱們要先配置npm的全局模塊的存放路徑以及cache的路徑，例如但願將以上兩個文件夾放在NodeJs的主目錄下，我這裏的主目錄是D:\node\，因此就在D:\node\下創建node_global和node_cache兩個文件夾，如圖：

在cmd中輸入：

npm config set prefix"D:\node\node_global"回車

再輸入

npm config set cache"D:\node\node_cache"

如今就能夠安裝模塊了（如下按需安裝，我這裏只安裝了express以下圖）：

（安裝模塊語法：npm install <Module Name>）

npm install express -g

npm install jade -g// npm install pug-g,好像是jade改爲了pug具體沒有考證。

安裝MySql包

npm install mysql -g

 

2.下載安裝 VS Code編輯器

經常使用插件：

HTML Snippets

HTML CSS Support 

Debugger for Chrome 

JQuery Code Snippets

Path Intellisense

Npm Intellisense

Document this 

ESlint

Project Manager    #多個項目之間快速切換的工具

beauti

Typings Installer #安裝vscode 的代碼提示依賴庫，基於typtings的，至於什麼是typtings本身去百度。

Bootstrap 3 Sinnpet

Auto Rename Tag

JavaScript Atom Grammar

vscode-icon

 

3.使用Typings工具配置智能提示

        npm install -g typings

        typings install dt~node --global --save

 

 

4.建立Hello word Demo

建立測試服務器server.js

    …

 

4.查看NodeJs API的方式

方式一：參考官方文檔，NodeJs的官方文檔比較詳細

方式二：ide

 

2、Visual Studio Code搭建NodeJs的Debug

         1、使用 VsCode建立Hello World項目

1.建立文件夾做爲項目目錄，使用 npm init 建立NodeJs的配置文件 package.json

        

2.編寫代碼

    var http=require('http');

    http.createServer(function(req,res){ 

        res.writeHead(200,{'Content-Type':'text/plain'}); 

        res.end('hello node.js'); 

    }).listen(3000,'localhost',function(){ 

        console.log('Server running at http://localhost:3000'); 

    });

3.配置調試設置，添加調試配置

特別說明：不添加配置須要每次啓動調試都選擇NodeJs環境。

若是添加了配置，啓動調試時自動選擇 launch.json中指定的。

其中最重要的配置項就是「Program」字段，這個字段定義了整個應用的入口，開啓調試器的時候會從這個入口啓動應用。

 

4.調試