浅谈命令行(二):安装静态服务器(涉及nodejs和npm的使用)

掌握了终端的一些基本命令,可以做点什么呢?用命令行,可以安装一个静态服务器哦~

关键词:Nodejs、npm、全局安装、http-server


一、安装Nodejs

1、什么是Nodejs

Node.js 是一个让 JavaScript 运行在服务端的开发平台。(不懂就算了,不用太在意,反正应该是帮助js更友好地去开发的一个开发平台。。。啊吧)

2、下载链接:nodejs

注:nodejs下载完后,你将不会看到它像其他软件那样出现在桌面,需要用命令行去调用它。

3、验证是否安装成功

此时,可以开启终端,用命令行验证:

$ node --version

如图:

image


二、使用npm安装一个静态服务器

$ npm install -g http-server

1、npm是什么

npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。新版的nodejs已经集成了npm,所以之前npm也一并安装好了。(网上摘抄?( ̄▽ ̄)~*,不懂就算了,我暂时也不太明白( ̄3 ̄)a)

2、npm的作用

npm是随同Nodejs一起安装的包管理工具,能解决Nodejs代码部署上的很多问题。(不懂就算了,以后到时间自然会懂的 ( ̄▽ ̄)

3、再次打开终端

操作以下步骤:
(1)开启npm

$ npm

(2)用npm安装http-sever

$ npm install -g http-server

结论: http-server被安装成功,可以开启一个静态服务器
注:
-g为全局安装模式,去掉-g之后就是本地模式,如果出错就可以试一下本地模式
?关于本地模式和全局模式的问题,这里就不展开讲了,我怕我暂时的不专业耽误别人。需要的可以看一下这两篇文章:

链接:
nodejs本地模式和全局模式
node.js 本地模式与全局模式的区别​
(反正我自己是看懂70%?,没事慢慢来)

?划重点:有些人的电脑如果提示错误(我的就是这样?),不要抓狂,试一下是否需要管理员权限:

$ sudo npm install -g http-server

(3)开启http-server(这个是一个服务器哦)

$  http-server

(4)尝试启动http-server在浏览器打开你的本地文件(有点绕ㄟ(▔,▔)ㄏ)
在命令行假设在桌面(desktop)操作一个名为code文件夹中的from.html文件

$ ls
$ cd code
$ http-server

此时,将会出现服务器的url,复制下来在浏览器中打开,在code目录下启动这个静态服务器,用新的url来展示code文件夹下所相对应的html文件夹。
结论:这种方式,就不是我们用本地的方式打开html文件

(5)贴上我自己安装的全过程:

image

以及,用(http://)127.0.0.1:8080这个url自浏览器打开code里文件的结果:
image

(6)退出http-server
在终端上Ctrl+c,便会退出http-server

你可能感兴趣的:(浅谈命令行(二):安装静态服务器(涉及nodejs和npm的使用))