⑴ 前端開發，一邊編輯，一邊自動刷新，哪種工具比較好
之前有個F5這個工具，編輯器保存之後，頁面自動刷新
網路fis3
也可以實現
微軟的vsc編輯也可以做到。
⑵ FIS —— 已經不再維護的前端構建系統
之前工作一直用到 FIS ， FIS2 和 FIS3 都有用過，現在只是把學習筆記放上來，因為手中實踐的東西較多，之後有時間會進行下一步的整理。
FIS 是網路的前端團隊出款的一種構建系統， FIS 現在也基本沒有團隊維護了，但是我們還需要了解一下他。相比於 grunt 和 gulp ， FIS 的核心特點是 高度集成 。
他把前端日常開發中常見的開發任務和構建任務都集成在了內部，這樣開發者可以通過簡單的配置文件的方式去配置我們構建過程需要的工作。我們不需要在 FIS 中像 grunt 和 gulp 一樣定義任務， FIS 中有一些內置任務，內置任務會根據開發過程自動完成構建任務。 FIS 中也有用於調試的 web-server ，可以很方便的調試構建結果。
裡面的引用資源也變成了絕對定位
使用 fis3 inspect 命令可以看到對哪些文件進行了操作
⑶ web前端學習容易嗎
您好，web前端是相對來說比較好學的，零基礎學習是完全沒有問題的，現在學習web前端前景是非常好的，隨著5G和大數據的發展，web前端的需求量也是越來越大的，而且現在像微前端和小程序也是最近比較火的，學習web前端一定要有方向，推薦給你一個學習的方向：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習方向
web前端前期學習非常容易上手，你可以按照這個順序從上到下學習，不管是自學還是參加培訓班都是可以的，希望可以幫到你。
⑷ fis3和webpack有什麼區別
fis/fis3是grunt、gulp之後興起的一個比較優秀的前端工程解決方案。它的本質是基於靜態資源標記+動態解析靜態資源表，在模板、js里邊使用特殊的標記方法引用前端資源，構建的時候生成一張資源依賴表，瀏覽器或者後端模板語言在解析的過程中通過查表得到某個靜態資源在不同環境下的引用路徑，所以不管是純前端渲染（標記方法已經轉換成瀏覽器能識別的了）還是後端（php、node、java）渲染，都很容易支持到，這樣可以做到非常精細化的控制資源的按需載入。可以說fis真正做到了靜態資源動態按需載入。
再來說說webpack，其實本質上是靜態打包，生成chunk需要手動配置entry，雖然可以使用CommonsChunkPlugin、dll等插件輔助提取公共代碼，以及採用code split切割進行懶載入，但這個粒度十分難把握，配置起來也比較困難（fis是自動生成依賴關系和自動處理懶載入）。
單從原理上來講，fis比webpack要先進好多好多。但是fis先進的理念也成為它的一個缺陷，就是自定義的一套標記語言，大量自定義的資源標記語法並不能被瀏覽器直接接解析或者被社區流行的工具（browserify/babel）轉換，比如fis依賴自家定製的mod.js來解析`require()`函數（即定位資源）以及資源base64內嵌語法`__include()`等。這一點直接導致了fis無法和後來的強大的npm社區對接，大量的npm前端模塊在fis用不了，筆者認為這是導致各公司在選擇前端統一的構建工具標准時不考慮fis的最大原因吧。
fis的作者
曾經說過，webpack只差一步——生成支持靜態資源表，就完美了，深以為然！目前，webpack好像有生成sourcemap的插件，但是缺少配套的解析sourcemap的工具，後端的模板引擎貌似也沒有支持sourcemap。
webpack現有的懶載入手段不完美，但是基本夠用，主要是它直接支持commonjs規范的require語法，再配置babel等還可以直接解析ES6語法（當然，fis也可以通過插件支持ES6的），加上可以直接使用npm模塊這一點，依託npm社區強大紅利來搭建公司級公共組件化規范。所以綜合考慮，webpack目前是前端構建工具的首選。
⑸ 前端開發中提到的「腳手架」到底指什麼，CLI
軟體開發的腳手架的概念是從建築學術語上引申而來。在建築學上，腳手架指施工現場為工人操作並解決垂直和水平運輸而搭設的各種支架。你見過大樓施工吧？在大樓外牆圍的那圈支架就是其中一種腳手架。
在軟體開發上（當然也包括前端開發）的腳手架指的就是：有人幫你把這個開發過程中要用到的工具、環境都配置好了，你就可以方便地直接開始做開發，專注你的業務，而不用再花時間去配置這個開發環境，這個開發環境就是腳手架。
比如vue.js就有個vue-cli腳手架，基於node.js的開發環境，作者幫你把開發環境大部分東西都配置好了，你把腳手架下載下來就可以直接開發了，不用再考慮搭建這些工具環境。