Mac下安装npm,http-server,安装虚拟服务器

http-server是一个简单的,不需要配置的命令行下使用的http服务器。类似的还有Xampp等。

针对前端开发工程的代码不需要编译的特点,使用这种简单的服务器十分的便利。

1.安装这个首先要安装npm,所以npm是神马?https://www.npmjs.com/

npm是一个js、mobile等等的包管理工具,通过命令npm install 命令,可以很简单方便的安装各种软件包,比如grunt、http-server等等

我的安装方式是下载node的dmg文件(https://nodejs.org/download/),下载完成后直接点击安装完成。

node又是神马?是JS运行平台。使用c++编写而成,是一个js运行环境。

上述操作完毕,可以在终端下检验是否node已经安装完成。

~ xq$ node -v
v0.12.7

ok~再检查npm是不是自动安装了

~ xq$ npm -v
2.11.3

good~可以使用npm安装我们想要的http-server了

2. 执行简单的命令行安装http-server

~xq$ npm install http-server -g

-g 表示安装在全局,不只是当前用户能用。

如果你是按照卤煮的步骤来得,应该会报错 ··喵~ >▽<

attention:如果报找不到文件的错误,请用管理员权限运行

~xq$ sudo npm install http-server -g

如果是安装超时什么的,请更改配置文件。registry配置项默认配置的是国外网址,不FQ是访问不到的。so,改为图中这个中国版的域名,或者使用淘宝的npm镜像http://npm.taobao.org/

常见的npm的命令:
npm -v
npm -g install [email protected]     (2.9.1是版本号)
Npm config set registry http://…   设置镜像
npm update -g npm

3.安装完成了,开始使用http-server。

最简单的使用方法,直接使用http-server,默认使用localhost和8080端口。在浏览器中输入网址:localhost:8080可访问呢

如果要直接将localhost定位到指定的前端工程。可以先将命令行定位到该工程的路径下再运行http-server,是不是很简单呢

192:~ xq$ cd /Applications/XAMPP/xamppfiles/htdocs/
192:htdocs xq$ http-server

这样我在浏览器下直接输入,localhost:8080/a.html. 就可以访问htdocs下得a.html文件了

其他进阶的:

http-server [path] [options]

path默认为当前文件夹,你可以在执行http-server之前先将终端定位到你要部署的服务器上的文件夹所在路径。

options为各种选项。比如你可以http-server -p 8000 表示我要使用8000端口。

options列表:

附:

Available Options:

-p Port to use (defaults to 8080)

-a Address to use (defaults to 0.0.0.0)

-d Show directory listings (defaults to ‘True‘)

-i Display autoIndex (defaults to ‘True‘)

-e or --ext Default file extension if none supplied (defaults to ‘html‘)

-s or --silent Suppress log messages from output

--cors Enable CORS via the Access-Control-Allow-Origin header

-o Open browser window after staring the server

-c Set cache time (in seconds) for cache-control max-age header, e.g. -c10 for 10 seconds (defaults to ‘3600‘). To disable caching, use -c-1.

-P or --proxy Proxies all requests which can‘t be resolved locally to the given url. e.g.: -P http://someurl.com

-S or --ssl Enable https.

-C or --cert Path to ssl cert file (default: cert.pem).

-K or --key Path to ssl key file (default: key.pem).

-r or --robots Provide a /robots.txt (whose content defaults to ‘User-agent: *\nDisallow: /‘)

-h or --help Print this list and exit.

时间: 2024-11-18 05:32:26

Mac下安装npm,http-server,安装虚拟服务器的相关文章

ubuntu14.04下nodejs + npm + bower的安装、调试和部署

  1. 简介 本文介绍ubuntu14.04下nodejs+npm+bower的安装.调试和部署 参考文档 https://docs.npmjs.com/getting-started https://github.com/npm/npm/issues/ 另外: Windows nodejs版本https://nodejs.org/download/release/latest/node-v5.5.0-x64.msi Windows下ide可选用WebStorm-10.0.2.exe 2.  

Centos 7.3下 Linux For SQL Server安装及配置介绍

Centos 7.3下Linux For SQL Server安装及配置介绍 说到SQL Server服务,我们大家都知道是Microsoft公司的数据库服务,当然说到数据库,现在主要分为三大商:1:Oracle.2:Msql Server.3:Mysql:三种数据库在当下环境受到不了不同程度的关注:比如oracle主要应用到大型的商业比较多,比如银行:SQL Server主要在常见的互联网公司使用:mysql主要应用于小型的企业或者服务商使用:当然从费用上来说,Oracle是最贵的,也是最为稳

Mac下利用(xcode)安装git

Mac下利用(xcode)安装git 一.AppStore 最安全途径:搜索下载Xcode,(需要AppleID). 其他:直接百度Xcode下载. 二.Xcode 打开Xcode-->Preferences(快捷键 Command + ,(逗号))点击Downloads选项,下载Command Line Tools. 三.终端 输入命令:git --version.查看当前git版本. 详解如下:安装命令行(Command Line Tools) 打开终端,输入命令:xcode-select

Mac下 Windows 7 虚拟机成功搭建SVN服务器后如何与Xcode建立联系,并上传原始工程的详细步骤

---恢复内容开始--- 本篇文章主要讲述Mac下 Windows 7 虚拟机成功搭建SVN服务器后如何与Xcode建立联系,并上传原始工程的详细步骤. 关于如何配置Mac下虚拟机可以参考: http://www.cnblogs.com/syc2016/articles/5151056.html 关于如何在Mac下Windows 7 虚拟机下配置SVN服务器可参考: http://www.cnblogs.com/syc2016/p/5151420.html 一.操作步骤 1.打开虚拟机上的Vis

mac下Nginx+lua模块编译安装

Nginx的nb之处就不说了,lua也是一个小巧的脚本语言,由标准C编写而成,几乎可以运行在所有的平台上,也非常强大,其他特性请自行度娘.nginx_lua_module是由淘宝的工程师清无(王晓哲)和春来(章亦春)所开发的nginx第三方模块,它能将lua语言嵌入到nginx配置中,从而使用lua就极大增强了nginx的能力 http://wiki.nginx.org/HttpLuaModule 下面说说mac下Nginx如何编译集成nginx_lua_module模块 1. 下载nginx需

mac 下JDK 与 tomcat 的安装与配置

一.Mac下JDK的安装 1.先检测Mac是否已经安装过JDK,在终端中输入java 或者 javac 显示说明,表明已经安装过JDK,JDK版本查询终端键入java -version,终端会返回JDK的版本号. 2.如果没有安装JDK,登陆 http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 选择相应版本下载JDK(Mac 选择Linux)安装. 二.Mac下tomcat的安装与

Mac下Maven的删除和安装

一 删除maven 找到当前的maven路劲:使用mvn -v查看当前maven的安装目录在哪 删掉sudo rm -rf [maven的路径] 二 安装maven 1.下载maven压缩包 mac下下载apache-maven-3.5.x-bin.tar.gz  记住是gz哦! 2.然后解压 tar xzvf apache-maven-3.5.3-bin.tar.gz 3.将解压的文件放入到一个目录当中(z.B.  /Users/Sieg/Library/apache-maven-3.5.3)

Mac下如何玩MySQL Server

最近搞事务相关的语句,开始搞select for update了,在ECS上做实验,发现我安装的版本只支持MyISAM,不支持InnoDB,事务没法玩.于是在Mac上安装了一份MySQL Server. 如何安装,如何玩转,看说明书是最好的~ 我的机器上,StartupItems安装失败了,也不知道为什么.不过,MySQL Server安装是成功的,所以采用手动模式启动就OK了.      shell> cd /usr/local/mysql shell> sudo ./bin/mysqld_

mac下zephir第一步,安装+hello zephir!

第一步 安装autoconf re2c automake libtool等依赖,如果没有安装git的记得先安装git brew install autoconf brew install automake brew install libtool brew install re2c 第二步,下载源代码安装 git clone http://github.com/phalcon/zephir cd zephir ./install -c 第三步,测试zephir是否安装成功 zephir help

mac下thinkphp5.0单元测试如何安装扩展

安装扩展 首先安装ThinkPHP5的单元测试扩展,进入命令行,切换到应用根目录下面后,执行: composer require topthink/think-testing 如果没安装composer就会报错.看下面: === 以下都要翻墙,不然连接不上,下面就有几行是因为没连上报的错. 首先要安装composer php -r "readfile('https://getcomposer.org/installer');" | php 3.chmod +x composer 4.再