NodeJS 后端开发 01 创建项目与运行helloworld

简介: 本篇是 雷学委的NodeJS系列 的第一篇。

关于NodeJS

NodeJS是一个基于Chrome V8引擎的JavaScript运行环境,一个让JavaScript运行在服务端的开发平台;


它用于方便地搭建响应速度快、易于扩展的网络应用。


其他概念不重要,作为一个新手,这里只要记住NodeJS基于一个引擎来运行的环境,这引擎就是下文的node程序来启动的。


小白可能看不懂了,那就先把NodeJS就是一个代码执行器,我们后面写代码都得用这个来运行。


代码就是NodeJS软件能读懂的语言,跟我们说中文,英文一样的。


但是NodeJS是外国来的,它天生就不懂中文,所以新手写的代码的时候,尽量不要出现中文也不要用中文输入法(这有可能让你的代码出现中文符合,程序错误)!


前端的同学经常回看到命令:npm run start 或npm run dev等等。


然后自动打开了一个浏览器窗口,加载了当前项目编译好的前端UI代码。这个进程运行的就是NodeJS引擎。


下面先安装Node软件吧,初步使用一下node程序。


下载与安装

https://nodejs.org/zh-cn/download/ or

https://nodejs.org/zh-cn/download/releases/


版本一般选择最新即可,window操作系统选择exe安装。


推荐使用zip或者tar.gz方式,然后参考下面设置到环境变量PATH的方式。

set PATH=%NODEJS_HOME%:%PATH%

通过手动设置这种方式,可以让你会更熟悉node/npm配置。以后玩vue cli或者angularreact-script都很有帮助。

安装成功可以通过下面命令查看:

image.png

本文使用的版本从这里下载:https://nodejs.org/download/release/v12.18.0/,苹果电脑 macbook选择pkg包

安装好后,打开cmd(命令行)或者苹果电脑打开terminal(终端),输入node

image.png

这直接就进入了对接NodeJS引擎的交互终端了。


给小白的提示:交互终端就是在线写代码运行代码的窗口


特别注意:下面输入程序的时候,不要有中文符号,因为NodeJS毕竟出生在国外,肯定不懂中文,运行就会出错!


开始写NodeJS代码

编写第一行代码

直接复制下面一行代码:

console.log("hello,雷学委!")  

效果如下,也可以参考下面继续试着输入一个表达式:1+1

image.png

NodeJS来做一道应用题

在数学中定义变量就是如下:

已知:x=4, y=20,求 y由几个x相加而得到?

这道应用题大家都见过吧,下面用编程来表达。

我们继续在上面的node窗口中输入下面三行:

x=4
y=20
u=y/x

image.png

是不是很方便变量u的值5,就是我们要求解问题的答案!

这些只是简单的使用。

NodeJS来做一个函数

数学中,我们都学习过函数这个概念,比如y=2x + 5 代表一个直线。

知道随意一个x值就能够求出y的值。那这个用程序怎么做呢?

image.png

好了自己试试吧。


创建一个新项目

什么是项目?


项目简单理解就是一个文件夹,它包含了一些代码文件(如js结尾的文件)。


我们把整个目录的文件看成一个整体就是项目。


做的好的项目还能分享给程序员使用!通常分享给别人的项目我们称作库(代码库),后面统一用JS库代指。


稍微看一下概念,打开命令终端输入:npm init


如下图,中间过程会有提示很多输入选项,重点关注package(包) 和version(版本号)。


这两个就像身份证好一样的东西,可以让其他开发者找到你的项目。

image.png

为啥项目需要给定package和版本号?

如果很多作业考试题目都有一个package和version来定位?


那么我想要找到一道题目的答案就能通过pacakge + version来定位到了。


在NodeJS的开发社区中,有一个网站叫做npm registry: https://www.npmjs.com/


这个网站登记了所有NodeJS对外分享开源的JS库,有空多去搜搜看。


如果我们想要复用别人项目做好的功能,那么通过package和版本号就能定位到。


通过这两个定位找到别人的代码来使用,相当于抄作业了,别人写一个正确的版本给你哦


(千万要记得去点赞转发支持,这会鼓励更多人发布分享更多的JS库)


image.png

image.png

当我们项目需要引用其它JS库的时候,可以明确给定某个”库@版本“进行定位。

比如下图package.json dependencies引用了koa这个库。

image.png

开发第一个NodeJS项目

编写app.js或者index.js

image.png

刚才我们创建项目时,通过设置main属性,指定了app.js文件作为入口。

所以这里我们编写一个app.js, 具体如下图的代码,

image.png

解释一下:console.log 是NodeJS内置提供的一个JS函数,我们可以使用它来打印内容输出到终端。


然后可以使用node app.js 执行。记住,执行一个js文件使用命令:node 文件名.js


这就是一个最简单的JS库了,只是用来打印内容,我们没有引用别人的JS库。


进一步工程化

很多nodejs项目通常可以使用npm start或者npm run start.


这里我们可以在package.json 中进行修改,如下图第八行所示。

image.png

”npm run start” 或者更早版本“npm start”,nodejs会解析package.json查找scripts属性下的“start”属性对应的命令,等价于执行node app.js。


通常可以看的很多项目中有“build”,“test", "build-prod"等等应对nodejs项目构建测试的一些scripts,可以自己尝试添加更多scripts字属性验证。


先到这里,上图为第一个nodejs项目的执行效果。这个示例很简单:app.js写了代码调用console.log输出"hello nodejs 001"。


回顾这个项目

我们打开package.json, 它定义了这个项目的name,version和描述。


这文件也定义了程序入口(main),同时其它包括作者(author)项目地址等信息。

image.png

package.json还能定义项目的一些引用的js库(依赖的JS项目)。


这个在下篇会继续展示,同时使用nodejs制作API也就是提供数据接口的示例。


对了,学委还有这个可以关注长期阅读 =>雷学委趣味编程故事汇编

或者=> 雷学委NodeJS系列


当前示例项目仓库:https://codechina.csdn.net/geeklevin/nodejs-001


目录
相关文章
|
1天前
|
存储 JavaScript Java
深入浅出后端开发:从零到一的旅程
【9月更文挑战第10天】本文将带领读者走进后端开发的神秘世界,从基本概念到实战应用,一步步揭开后端技术的面纱。通过浅显易懂的语言和实际代码示例,我们将探索如何搭建一个简单的后端服务,理解数据库交互,并实现API的基本功能。无论你是编程新手还是希望扩展知识的开发者,这篇文章都将为你提供一条清晰的学习路径。
|
1天前
|
存储 前端开发 Java
探索后端开发:从新手到专家的旅程
在这篇文章中,我们将一起踏上一段奇妙的旅程,探索后端开发的奥秘。无论你是刚刚踏入编程世界的新手,还是已经在这条路上走了一段时间的开发者,这篇文章都将为你提供有价值的见解和建议。我们将从基础概念开始,逐步深入到高级主题,包括框架选择、数据库设计、API开发等。让我们一起开启这段旅程吧!
|
2天前
|
JavaScript 关系型数据库 数据库
探索后端开发:从新手到专家的旅程
本文将带领读者踏上一场激动人心的旅程,从零基础开始,逐步深入后端开发的奥秘。我们将一起揭开后端世界的面纱,探索其核心概念、关键技术和实用工具。无论你是编程新手还是有一定经验的开发者,这篇文章都将为你提供宝贵的知识和启发,帮助你在后端开发的道路上更进一步。准备好迎接挑战,让我们启程吧!
20 8
|
1天前
|
前端开发 API 数据处理
探索后端开发中的API设计哲学
【9月更文挑战第10天】在数字化时代的浪潮下,后端开发作为连接数据与前端界面的桥梁,其重要性不言而喻。本文将深入探讨如何通过精心设计的API来提升后端服务的可维护性、扩展性和用户体验。我们将从API设计的基本原则出发,逐步展开对RESTful API和GraphQL两种流行风格的比较分析,并结合具体场景讨论最佳实践。文章旨在为开发者提供一套实用的API设计指南,助力打造高效、稳定且易于协作的软件架构。
14 6
|
1天前
|
关系型数据库 API 数据库
探索后端开发:从基础到进阶的实用指南
在数字化时代的浪潮中,后端开发作为支撑整个互联网世界的根基,其重要性不言而喻。本文旨在为初学者和有一定经验的开发者提供一个深入浅出的后端开发指南,涵盖从基础概念到高级实践的各个阶段。我们将一起探讨如何选择合适的编程语言,理解数据库的重要性,学习API的设计,以及掌握容器化部署等关键技能。无论你是初出茅庐的新手,还是希望提升自己技能的老手,这篇文章都将是你的宝贵财富。
|
2天前
|
网络协议 JavaScript Java
探索后端开发:从基础到高级
本文将带你走进后端开发的神秘世界。无论你是初学者还是有经验的开发者,都可以在这篇文章中找到你需要的内容。我们将从基础开始,逐步深入,最后达到高级水平。让我们一起来探索后端开发的奥秘吧!
15 4
|
1天前
|
消息中间件 存储 缓存
后端开发之深入浅出微服务架构
在数字化时代的浪潮中,后端开发如同一座桥梁,连接着用户与数据的世界。本文将带你探索微服务架构的奥秘,从基础概念到实战应用,一步步揭开它神秘的面纱。我们将一起思考,如何在这个快速变化的时代,找到属于自己的节奏和方向。
10 2
|
前端开发 JavaScript API
[译] 在你沉迷于包的海洋之前,还是了解一下运行时 Node.js 的本身
本文讲的是[译] 在你沉迷于包的海洋之前,还是了解一下运行时 Node.js 的本身,我在 Ryan Dahl 第一次 介绍 Node.js 之后不久就开始学习它,甚至一年前我也不能回答我在这篇文章中提出的许多问题。 如果你能真正地回答所有的问题,那么你的 Node.js 的知识储备是迥乎常人的。
1377 0
|
27天前
|
缓存 JavaScript 安全
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
这篇文章提供了2022年最新最详细的Node.js和cnpm安装教程,包括步骤图解、全局配置路径、cnpm安装命令、nrm的安装与使用,以及如何管理npm源和测试速度。
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
|
16天前
|
JavaScript NoSQL 前端开发