Node.js学习（一）——运行在Vscode中

Node.js学习（一）——运行在Vscode中

一、vscode安装与调试

1、简介：

在上一章介绍了，什么是node.js以及作用，以及在cmd中运行node.js代码并执行，但毕竟原带的编辑器不是很方便，因此本期介绍一下如何在vscode中运行node，和执行npm命令，与安装cnpm。
注意要想在vscode中运行代码，前提是讲node.js安装完成。

2、安装

1、在浏览器中搜索：
https://code.visualstudio.com/，点击Download，就会跳转页面并下载

2、默认安装，或者安装到其他目录。

这块都选择即可。
3、下载在vscode的百宝箱中搜索Code，Runner 点击install。

3、运行

一、以命令行方式运行

1、在vscode控制台中以命令行方式运行node.js程序
点击View–》Appearnce–》将Show Panpel选中，在vscode下方将会弹出，控制台。

2、在poweshell下打开cmd

3、运行node.js代码。
可以看到，我们以vscode的控制台方式，已经进入到了电脑的cmd界面。之后就跟在命令行窗口敲命令的方式一样，进去node然后执行代码。

4、运行npm命令。
这里我们想执行npm命令，来下载一个math包。
首先：
新建了一个hellonpm的文件夹。
然后我们进入到这个文件夹下面（因为新的文件夹没有package.json文件因此我们初始化一下）

其次：
我们在初始化文件弹出的命令行依次按回车，直至最后问是否完成。

最后我们执行npm命令：

npm install math 

这样我们就安装完毕了。也就证明npm命令运行成功。其他的在电脑cmd中操作的命令都可以在此执行！

二、直接执行文件，或导入包

1、定义工作路径
我们可以直接在刚刚建好的包，或者新建一个文件夹打开。

2、创建服务器
打开完folder，之后我们，我们这次试运行的node.js代码为简单的构建一个服务器。
我们新建文件夹，然后在文件夹中定义一个first.js文件，创建我们第一个服务器。

var http = require('http');

http.createServer(function (request, response) {

	// 发送 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 http://127.0.0.1:8888/');

3、运行代码
我们将代码贴附上去，然后右键run code，这样我们的服务器就已经启动了，因为端口定义为8888.

4、访问服务器
打开任意浏览器输入网址：http://127.0.0.1:8888/
我们会发现定义好的Hello World出现在浏览器中。这样我们就以vscode的方式，成功运行了代码。

二、总结

1. 代码编辑器如今越来越多了，找到一款属于自己的即可。
2. 所有的编辑器基本都可以运行电脑的cmd。
3. 在有运行环境的时候就基本都可以代码。

三、每日识一词

从《周易》中的卦辞：“天行健，君子以自强不息；地势坤，君子以厚德载物”。中引出天道酬勤。

那么呢：天（即自然）的运动刚强劲健，相应于此，君子应刚毅坚卓，奋发图强；大地的气势厚实和顺，君子应增厚美德，容载万物。

天道酬勤：意思是上天会按照每个人付出的勤奋，给予相应的酬劳。多一分耕耘，多一分收获，只要你付出了足够的努力，将来也一定会得到相应的收获！上天不会眷顾傻瓜！