tags: “运行环境”, “启动环境”

JS运行环境

浏览器

直接打开html文件，html文件中引入JS文件

node

直接在命令行窗口输入：node JS文件名称

项目启动

vue的启动命令—-只针对vue项目

npm run dev

IDEA软件或者HBuild软件或者WebStorm

直接使用上面的软件将项目打开，在项目中将html在浏览器打开，就可以可以不使用绝对路径访问文件

apach使用代理

使用http-server —— 这个是基于已经安装了node的

安装node环境的时候，自动安装了npm和npx

第一种—-需要安装http-server

全局安装

npm install —global http-server

第二种——不需要安装http-server

不需要安装http-server，使用npx来调用http-server的包
npx作用：调用node下包的方法
在命令行窗口中输入下面：
npx http-server [path] [options]

http-server的使用

参考文档
参考文档
参考文档

命令：http-server [path] [options]

如果没有设置根目录，则[path]默认去先找./public，如果没有public文件夹，则将当前目录作为根目录

缓存是默认打开的，在命令后面添加-c-1，作为一个选项去禁用缓存

可用属性

-p: 端口号，默认为8080
-a：IP地址，默认是0.0.0.0
-d：是否展示目录列表，默认是true
-i：显示自动索引，默认为true
-e：设置默认文件扩展名，没有设置默认为html文件
-o：在开始服务后打开浏览器

  • -p 端口号 (默认 8080)
  • -a IP 地址 (默认 0.0.0.0)
  • -d 显示目录列表 (默认 ‘True’)
  • -i 显示 autoIndex (默认 ‘True’)
  • -g或–gzip启用时（默认为“False”），它将用于./public/some-file.js.gz代替./public/some-file.jsgzip压缩版本的文件，并且该请求接受gzip编码。
  • -e or —ext 如果没有提供默认的文件扩展名(默认 ‘html’)
  • -s or —silent 禁止日志信息输出（从输出中抑制日志消息）
  • —cors 启用 CORS via the Access-Control-Allow-Origin header（通过Access-Control-Allow-Origin标题启用CORS）
  • -o 在服务器启动后打开浏览器，（可选）提供要打开的URL路径。例如：-o / other / dir /
  • -c 为 cache-control max-age header 设置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to ‘3600’). 禁用 caching, 则使用 -c-1.（设置缓存控制max-age头的缓存时间（以秒为单位），例如-c10 10秒（默认为’3600’）。要禁用缓存，请使用-c-1。）
  • -U 或 —utc 使用UTC time 格式化log消息（在日志消息中使用UTC时间格式）
  • -P or —proxy Proxies all requests which can’t be resolved locally to the given url. e.g.: -P http://someurl.com（代理无法在本地解决给定网址的所有请求。例如：-P http://someurl.com）
  • -S or —ssl 启用 https
  • -C or —cert ssl cert 文件路径 (default: cert.pem) （ssl证书文件的路径（默认值：cert.pem））
  • -K or —key Path to ssl key file (default: key.pem).（ssl密钥文件的路径（默认值：key.pem））
  • -r or —robots Provide a /robots.txt (whose content defaults to ‘User-agent: \nDisallow: /’) _（提供一个/robots.txt（其内容默认为’User-agent： \ nDisallow：/’））_
  • -h or —help 打印以上列表并退出

注意：index.html 将用作所有目录请求的默认文件。

简单使用

hs -p 9969 -o -c-1