FIS3 是面向前端的工程構建工具。解決前端工程中性能優化、資源加載(異步、同步、按需、預加載、依賴管理、合併、內嵌)、模塊化開發、自動化工具、開發規範、代碼部署等問題。html
在fis3官網聲明上有Node的版本要求前端
我如今的時間點上Nodejs版本支持 0.8.x,0.10.x, 0.12.x,4.x,6.x,不在此列表中的版本不予支持。node
想要查看當前fis3最新版本 node 支持可自行查看fis3官網:https://fis.baidu.com/fis3/docs/beginning/install.htmlgit
1.Nodejs下載連接:https://nodejs.org/en/download/releases/github
能夠自行選擇要下載的版本,這裏我以Node.js 6.x爲例進行下載(這些選項表示的是當前這些系列的最新版本,由於這些版本是長期支持版本LTS,因此會不按期地更新)npm
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 ,若是顯示出了版本號就說明咱們安裝成功了(此處應該應該有掌聲,爲本身鼓個掌)
很輕鬆吧,到此爲止最重要的就講完了,日後就一馬平川了
2、在安裝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
就此所有完成,辛苦了,擦擦汗,一會還要繼續,哈哈哈哈哈哈
3、今天的主題,安裝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安裝完畢,此次真的能夠洗洗睡了,晚安,大家先睡,我還有事情要作,不要偷看