Node.js学习(一)——运行在Vscode中
Node.js学习(一)——运行在Vscode中一、vscode安装与调试1、简介:在上一章介绍了,什么是node.js以及作用,以及在cmd中运行node.js代码并执行,但毕竟原带的编辑器不是很方便,因此本期介绍一下如何在vscode中运行node,和执行npm命令,与安装cnpm。2、安装1、在浏览器中搜索:https://code.visualstudio.com/,点击Dow...
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的方式,成功运行了代码。
二、总结
- 代码编辑器如今越来越多了,找到一款属于自己的即可。
- 所有的编辑器基本都可以运行电脑的cmd。
- 在有运行环境的时候就基本都可以代码。
三、每日识一词
从《周易》中的卦辞:“天行健,君子以自强不息;地势坤,君子以厚德载物”。中引出天道酬勤。
那么呢:天(即自然)的运动刚强劲健,相应于此,君子应刚毅坚卓,奋发图强;大地的气势厚实和顺,君子应增厚美德,容载万物。
天道酬勤:意思是上天会按照每个人付出的勤奋,给予相应的酬劳。多一分耕耘,多一分收获,只要你付出了足够的努力,将来也一定会得到相应的收获!上天不会眷顾傻瓜!
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)