FIS 入门

最新推荐文章于 2024-07-28 13:17:28 发布

黄宝康

最新推荐文章于 2024-07-28 13:17:28 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： FIS 文章标签： FIS 入门

本文链接：https://blog.youkuaiyun.com/huangbaokang/article/details/81805261

FIS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何安装Node.js及FIS，并通过一个简单的“Hello World”案例演示了FIS的基本使用方法，包括配置环境、启动服务器、发布静态资源等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FIS的安装

先安装nodejs，自带npm也一并下载好
www.nodejs.org
安装FIS
使用如下命令

npm install fis -g

使用如下命令查看fis版本

d:\hbk\fis_pro>fis -v

  v1.10.5

 __/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_____/\\\\\\\\\\\___
  _\/\\\///////////__\/////\\\///____/\\\/////////\\\_
   _\/\\\_________________\/\\\______\//\\\______\///__
    _\/\\\\\\\\\\\_________\/\\\_______\////\\\_________
     _\/\\\///////__________\/\\\__________\////\\\______
      _\/\\\_________________\/\\\_____________\////\\\___
       _\/\\\_________________\/\\\______/\\\______\//\\\__
        _\/\\\______________/\\\\\\\\\\\_\///\\\\\\\\\\\/___
         _\///______________\///////////____\///////////_____


d:\hbk\fis_pro>

hello world入门

在相关目录建立一个hello.html和hello.css

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fis入门</title>
    <link rel="stylesheet" type="text/css" href="hello.css">
</head>
<body>
    <h1>Hello huangbaokang！</h1>
</body>
</html>

hello.css

h1{
    text-align: center;
    font-size: 36px;
}

这里写图片描述

cmd 进入到D:/hbk/fis_pro
启动fis server

d:\hbk\fis_pro>fis server start
shutdown node process [4996]
starting fis-server .. at port [8080]

 [NOTIC] browse http://127.0.0.1:8080/


 [NOTIC] Or browse http://192.168.8.133:8080/

查看fis 的根路径，自动会打开到相应文件夹。

d:\hbk\fis_pro>fis server open

 [NOTIC] browse C:/Users/yangfeng/AppData/Local/.fis-tmp/www

将我们的静态页面及css发布到fis

d:\hbk\fis_pro>fis release

 [WARNI] missing config file [fis-conf.js]

 Ω .. 206ms

可以看到我们的html及css发布到了fis根目录下
这里写图片描述

访问我们的页面，样式也取作用了
这里写图片描述

专业墙纸贴纸厨房用具装饰出售，本人网店经营，访问即是爱

博客对你有用记得访问下哦，增加下访问量，如有需要可以下单购买哦^_^。店铺地址https://item.taobao.com/item.htm?id=570637716145