1,Node安装

网址https://nodejs.org/zh-cn/

nodejs20镜像 node镜像地址查看_命令行

 建议大家选择左边的维护版,因为最新版有一些功能还在测试,不太完善,可能会出现一些错误.

下载完成后,按照步骤一步一步进行即可安装成功.

2,检验安装

Win+R打开cmd命令行

在cmd命令行中输入node -v

若输出版本号,则证明安装成功.

3,对node进行配置

在node的安装过程中,npm工具也被安装上了

npm是一个社区,也是我们本地的一个工具,npm社区里的代码在国外,我们由于某些原因,不能正常的使用npm社区的内容,于是我们使用阿里巴巴的淘宝镜像,需要我们修改npm的默认下载地址,修改方法如下

首先我们通过npm config get registry查看一下自己的镜像路径

如果你以前没有修改过,则此时出现的地址应该是 https://registry.npmjs.org/,这是国外的镜像地址,而我们现需要将他修改为国内的淘宝镜像地址.

修改代码如下.

npm set registry https://registry.npm.taobao.org

修改过后,我们再一次通过npm config get registry查看一下自己的镜像路径

此时应该会弹出以下路径

nodejs20镜像 node镜像地址查看_nodejs20镜像_02

确认修改无误后可进行下一步.

4,新建 

新建一个文件夹,名字随意,但是不得出现包括汉字在内的特殊字符,比如我们的项目名叫CS.

这里我们可以通过在文件夹中删除文件全部路径,然后在路径框内输入cmd进入该文件的cmd命令行.

nodejs20镜像 node镜像地址查看_命令行_03

 如图我们已经进入了新建文件夹CS的命令行

接下来我们CS初始化npm init -y

我们在node中,直接使用原生JavaScript可以实现我们所需要的各种功能,但是直接用js去写,太过于麻烦,有人提前写好了一些方法,我们可以用简单的语法去调用他们的方法就可以实现很复杂的功能,在这里我们使用express框架。

 4.1,安装express

npm install express
或者
npm i express

都可以安装express

打开package.json,里面多了dependencies字段,其中有express以及其版本就是安装成功,还可以查看BS文件夹下,此时多了node_modules文件夹,打开会发现其中有很多个文件夹,其中有一个文件夹的命名是express,这个文件夹就是我们所需的文件,其他的都是express所需要的依赖包。

这里可以理解成:我们要使用express,而express的开发和后期的使用又要基于包A、B、C、D、E、F,而包A的开发又基于包G,他们之间形成了错综复杂的网状关系,但是这些我们都不需要去了解,我们只需要知道我们安装了express,并且后续可以使用express了即可,他们的关系将由他们自己去管理。

4.2,新建index.js

在CS文件夹下新建index.js作为后端的入口文件,其中的内容是

var express=require('express')//引入express

var app=express()


app.get('/',function (req,res) {
 res.send('hello,node!')
})

app.listen(3000)//设置端口号

然后,打开命令行工具

node index.js
或者
node index

即可启动项目

注意:项目启动时,在命令行中无法进行操作,需要ctrl+c终止启动.

打开浏览器,输入网址

http://127.0.0.1:3000/或者http://localhost:3000/即可打开界面,如果你知道你的ip地址的话,也可以使用自己的ip地址进行打开,还可以把你的ip地址分享给跟你同处一个局域网的同学打开你的网址,假如你的ip地址为:192.168.3.78,则你应该输入的网址是http://192.168.3.78:3000/,你的局域网同学也可以根据你的此网址进入你的服务。

如果不满足于单纯的js输出,想通过html和css进行一些花里胡哨的操作,还需要一个

express-art-template工具进行对html的引入,这个咱们下期再说