Windows系统下安装fis3

Posted 2021-12-01 hros

在讲怎么安装FIS3之前我们先来了解一下FIS3

FIS3 是什么？

FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。

 

好了，了解完了，我们进入正题(假装懂了)

 

 

一、Nodejs版本下载

在fis3官网声明上有Node的版本要求

我现在的时间点上Nodejs版本支持 0.8.x，0.10.x, 0.12.x，4.x，6.x，不在此列表中的版本不予支持。

想要查看当前fis3最新版本 node 支持可自行查看fis3官网：https://fis.baidu.com/fis3/docs/beginning/install.html

1.Nodejs下载链接：https://nodejs.org/en/download/releases/

可以自行选择要下载的版本，这里我以Node.js 6.x为例进行下载(这些选项表示的是当前这些系列的最新版本，因为这些版本是长期支持版本LTS，所以会不定期地更新)

2.点开之后会看到下面的页面

这里我们选择以.msi结尾的文件进行下载

(Windows64位的下载x64版本的文件，Windows32位的下载x86版本的文件，想知道自己的系统是多少位的可以查看 https://jingyan.baidu.com/article/9f63fb9172d416c8400f0e3b.html

3.下载完文件之后，找到你下载的文件，双击安装

 

4.选择安装的目录，这里我没有使用默认目录，你可以1.默认安装（如果你的C盘剩余内存比较多的话完全可以默认安装），2.也可以自己创建一个文件夹安装（如果你选择的是第2种方法的话，安装完Nodejs后可以继续）

这里是Nodejs默认给你安装的组件，你英格利斯比较好的话可以看看，不好的也不要放弃，可以找软件翻译，毕竟以后要看的英文文档还会更多，现在增强一下免疫力，以后可以走的更远

 

比如：

　　Node.js runtime　　Node.js运行代码(node.exe)　　这个功能需要17MB电脑内存，还有两个扩展功能，需要20KB内存空间(我也就只能翻译到这了，不说了我要去补习英格利斯了)

　　npm package manager　　npm包管理　　其实这个才是我们安装Nodejs用的最多的东西(敲重点)，如它的名字所示的这样，它就是用来往Nodejs里面安装东西的，以后安装东西都需要用到它(我们今天要安装的FIS3也是用到它)

　　Online documentation shortcuts     便捷在线文档

　　Add to PATH　　添加到环境变量的path路径中　　也就是这个Nodejs安装包会自动给你的系统配置环境变量

 

完了，啰嗦了一大堆，不会给差评吧...不唠了，不唠了赶紧拉回来继续往下讲

 

 5.然后点击Next、install、finish就安装完了

 

 

6.为了检验我们是否成功的安装了，我们打开cmd(大家都是同行就不用解释了吧)，输入node -v 和 npm -v ,如果显示出了版本号就说明我们安装成功了(此处应该应该有掌声，为自己鼓个掌)

 

很轻松吧，到此为止最重要的就讲完了，往后就一马平川了

 

二、在安装FIS3之前我还有句话要讲，如果你在安装Nodejs的时候选择的是1选项你就可以跳过这步了(什么？你问我1选项是啥？对不起，打扰了。告辞。别别别，别打我，开个玩笑，所谓的1选项就是你在安装的时候选择的是默认安装，也就是没有更改安装目录，内存大就是任性)，如果你选择的2选项你当然也可以选择跳过，但是最好还是要看一下

1.首先我们打开我们自定义的安装目录文件

你打开的时候应该没有上面的那两个文件，不要问我为什么，因为我帅啊，咳咳咳咳，回归正题，因为这两个文件夹是我自己创建的，所以我们的第一步就是新建两个文件夹node_cache 和 node_global

2.接下来我们打开cmd，输入

npm config set prefix "D:\\nodejs\\node_global"

npm config set cache "D:\\Develop\\nodejs\\node_cache"

3.最后一步，配置环境变量

在系统变量里新建一个NODE_PATH 输入 D:\\nodejs\\node_global\\node_modules

在用户变量的PATH里 添加 D:\\nodejs\\node_global

就此全部完成，辛苦了，擦擦汗，一会还要继续，哈哈哈哈哈哈

 

三、今天的主题，安装FIS3

1.打开cmd，输入npm install -g fis3

敲重点：一定要加 -g ，这是为了声明全局安装，因为FIS3官方文档说了：“你要把FIS3给我装到全局上，别问我为什么，都是为你好”，咱也不知道，咱也不敢问，算了，加个 -g ......吧

其实吧，官方文档给出了声明，引用他们的一句话就是：FIS 是要求全局安装的，是因为避免由于 FIS 多版本不同项目目录下而导致编译时有差异，而导致不必要的麻烦

如果你想更详细地了解请查看以下链接：https://github.com/fex-team/fis/issues/565

然后我们就可以看到下面这个界面：

 

好了，我们先洗洗睡吧，睡醒了就装好了

如果你的安装过程是这样的，那么恭喜你，不通过第2步就可以证明你安装成功了

 

2.安装完fis3之后我们就看看是不是真的装上了，我们执行命令 然后我们就能看到下面的界面

 

看到这个界面就恭喜你了，至此FIS3安装完毕，这次真的可以洗洗睡了，晚安，你们先睡，我还有事情要做，不要偷看

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

既然你看到了说明你应该没有装成功

那么骚年继续努力吧，一定会有成功的那一天的，开玩笑

你敲过fis3 -v 之后是不是出现了下面这个文字(‘fis3‘ 不是内部或外部命令，也不是可运行的程序或批处理文件)，挠头

这是什么原因呢，明明看到它下载了，为啥就不行呢，对不起，我也不知道，如果你找到了原因你可以教教我，我之前就是这个样子，鬼知道我是在卸载重装了多少遍后才装好的