Cli做什么
本地使用静态资源进行demo开发的过程中,往往使用的file协议,非常不易于查看项目目录以及对应项目文件。如果使用本地服务就需要处理多余的工作,比如使用node做对应的本地server,然后基于本地server查看对应的demo。这种极大增加了demo开发的负担。
本地静态服务Cli是什么
命令行命令工具cli基于node bash可以方便的处理自动化以及工程化方面工作。本地静态服务cli主要目标就是让demo服务化,直接在项目目录使用serve-static-cli一行命令就可以直接在本地启动基于nodejs的本地服务,查看本地目录下的资源文件。
使用方式
进入本地目录,通过命令行直接使用 serve-static-cli就可以启动一个基于当前目录的本地服务,默认端口是3000;如果需要自己启动特定端口的服务,可以使用serve-static-cli -p 8000即启动端口8000的本地服务。启动后自动打开默认浏览器启动一个127.0.0.1:3000的tab,进而可以浏览对应的本地目录或者前端的项目。
安装
安装方式比较简单,直接使用npm或者其他包管理cli进行全局安装,这里使用npm为例:
npm install serve-static-cli -g
安装成功后可以直接在命令行输入
serve-static-cli
然后就启动了一个本地服务,然后预览该目录下的内容。
demo展示
如下图为serve-static-cli的项目目录
全局安装serve-static-cli后,然后直接在该目录下启动命令行工具输入命令serve-static-cli
可以通过这种方式就启动了一个本地node服务。这种方式就可以在浏览器中查看到项目的整个目录结构。
如果是本地项目,比如example目录里的测试项目,可以进入/example目录执行对应的serve-static-cli命令。如下是example目录:
然后在example目录启动一个8000端口的本地服务
对应效果如下:
通过这种方式就可以方面的测试本地的静态项目,可以更快捷、方便的进行展示、开发。