掌握了终端的一些基本命令,可以做点什么呢?用命令行,可以安装一个静态服务器哦~
关键词: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








网友评论