Windows系统下安装fis3

时间:2019-05-20 13:23:07   收藏:0   阅读:548

在讲怎么安装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‘ 不是内部或外部命令,也不是可运行的程序或批处理文件),挠头

技术图片

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

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!