在VSCODE 调试 NODE.js 部署环境
2017-12-24 18:50
519 查看
一 准备工作
1.安装VSCODE2.安装NODE.JS
3.在命令行输入 node -v 提示版本号表示已经安装成功了
二, 安装TypeScript 支持
1. 在控制台输入使用命令行 npm install -g typescript 进行全局安装
2.然后使用 tsc -v 验证是否安装成功
三, 新建工程
1. 新建一个文件夹2.然后在vscode中打开他
3. 在控制机台中输入 tsc -init 就会在根目录创建tsconfig.json
这个文件是 typescript 的配置文件
4. 新建文件夹 src build static
src代表ts源文件存放目录
build ts编译成js的目录
static 是一些静态资源
5.编辑tsconfig 如下
{ "compilerOptions": { "module": "commonjs", "target": "es6", "noImplicitAny": false, "sourceMap": false, "rootDir":"./src", "outDir":"./build", "watch":true }, "include":[ "./src/**/*" ], "exclude":[ "static" ] }6.在build中建立hello.ts 输入 console.info("hello");
7. 然后在控制台输入 tsc 发现build 文件夹中出现编译好的 hello.js 新建工程结束
四,开启web服务
首先开启对node.js 的type支持npm install --save-dev @types/node
在src中新建 server.ts 代码如下
import * as http from 'http'; http.createServer(function (request:http.IncomingMessage, response:http.ServerResponse) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {'Content-Type': 'text/plain'}); // 发送响应数据 "Hello World" response.end('Hello World\n'); }).listen(8888); // 终端打印如下信息 console.log('Server running at ' target='_blank'>http://127.0.0.1:8888/');[/code]
实用命令行 tsc 编译
然后使用 node build/server.js 启动web服务
在浏览器输入 localhost:8888 搞定五,实用 supervisor 热部署
1.安装模块
npm install -g supervisor
2.启动服务
supervisor build/server.js
3.尝试改变源代码
Hello Word Node.js
4.刷新浏览器六, 开启VSCODE 的调试
1. 打开vscode 菜单上的调试 -- 打开配置
2. 系统会自动打开 launch.json 这个文件是 vscode 的 运行配置文件 修改如下{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "name":"启动", "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}\\build\\server.js" } ] }
3. 按F5 开始调试 在server.ts 设置一个断点
4. 在浏览器输入 localhost:8888 发现断点已经生效 好了 可以开启你的node.js 之旅了
相关文章推荐
- 使用VSCode 调试node.js
- node.js自学笔记(8)-搭建调试环境
- Node.js + Express 环境搭建和调试运行 (windows 8.1)
- 项目(AngularJS+Node.js+MongoDB)测试环境部署
- D3.js部署node环境开发
- 详解Windows下运用Docker部署Node.js开发环境
- 详解Windows下运用Docker部署Node.js开发环境
- Windows使用Node.js自动生成Vue.js模版环境部署步骤-----记录
- windows node.js环境部署步骤
- 配置移动前端开发调试环境(nodejs+npm+weiner的安装和配置使用)
- 【云计算的1024种玩法】第7招:部署Node.js环境并搭建Ghost博客系统
- 关于vs2012中集成node.js开发调试环境
- 手机端web研发(即在手机上用浏览器进行访问的研发),研发环境搭建,涉及的几个技术,node.js,npm,ionic,vscode
- ubuntu16.04下用laradock部署nodejs+laravel前后端环境
- 解决sublime部署Node.js开发环境中出现[Decode error - output not utf-8]错误
- 部署node.js的开发环境
- 使用eclipse搭建node.js调试环境
- sublime的js调试环境(基于node环境)
- 在Windows平台上部署Node.js+Express环境
- ubuntu14.04下nodejs + npm + bower的安装、调试和部署