我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

从本文开始,苏南大叔开始连载fis3的基本使用。fis3是来自百度的一款前端构建工具。使用场景适用性上,目前来看,似乎更适合处理纯前端项目。不过,苏南大叔有个需求,和fis3提供的功能上来说,还是蛮吻合的。纯粹的html代码,fis3处理过后,就可以更适合于发布了。至于怎么个适合法,大家要自己体会。

不过,这里提一下,通过fis3处理前端过代码,前端小白之类的就不要尝试了。因为处理过之后的代码,对于小白来说,可能反而是个负担。

fis3安装

fis3官方网址是这里:http://fis.baidu.com/ 。百度出品的,质量应该有保障。官方的文字说明是:

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

苏南大叔:如何安装百度前端构建工具fis3? - fis3
如何安装百度前端构建工具fis3?(图3-1)

fis3是基于node的,所以node不会安装的同学,可以查看苏南大叔的其它教程,先安装好node环境先。苏南大叔在这里演示的node版本是8.11.1,是基于win环境的node

node -v
npm install -g fis3

苏南大叔:如何安装百度前端构建工具fis3? - install-fis3
如何安装百度前端构建工具fis3?(图3-2)

查看fis3的版本

通过下面的这个命令,苏南大叔查看到安装好的fis3的版本号是:3.4.39

fis3 -v

苏南大叔:如何安装百度前端构建工具fis3? - fis3-version
如何安装百度前端构建工具fis3?(图3-3)

升级fis3

这里有个升级fis3的命令,苏南大叔觉得没啥用。直接重装fis3多省心。您说是吧?目前是用不到这个命令的。所以,就暂时不截图了。

npm update -g fis3
npm uninstall -g fis3
npm install -g fis3

结论

本来计划着本文写一个fis3的demo的,不过,看上去篇幅已经不是太合适了。所以,留到下一篇文章里面写第一个fis3demo吧。大家敬请期待。

欢迎点击下面的这个链接,查看苏南大叔提供的fis3系列文章内容:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   百度    fis