『壹』 前端工程師都有用哪些比較靠譜的小工具
1、TakeColor 取色器
對於前端開發來說，和顏色、圖片打交道是難免的，有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat，不僅僅適用於前端，因為它支持很多語言源代碼的格式化，可以在上面的開始菜單中選擇你要格式化的語言種類，這里我選擇的是js，然後將一串很亂的js代碼粘貼到下面的文本框裡面，點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了，在這之前，我一直都是用txt記事本記東西的
『貳』 前端開發visual studio code要裝什麼插件
WijmoJS 前端開發工具包由多款高效、靈活的純前端控制項組成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用於快速搭建企業級桌面/移動 Web 應用程序。WijmoJS 可靈活應對客戶需求變化，縮短新項目研發周期，高效處理海量用戶數據，提升產品核心競爭力。
藉助葡萄城深厚的技術底蘊，WijmoJS 為各領域用戶提供更穩定、更高效的前端開發工具，幫助中國招商銀行、微軟、思科、特斯拉、富士通等知名企業快速搭建其 Web 應用程序。WijmoJS 憑借先進的觸控設計、全面的框架支持、頂級的控制項性能、零依賴的產品特性和易用、輕松的操作體驗，全面滿足前端開發所需，已成為構建企業 Web 應用程序最高效的純前端開發工具包。
與此同時，WijmoJS 的可視化設計器已正式推出，包含 VSCode 設計器和在線設計器。通過使用設計器，您可以在想要配置的控制項中選擇並瀏覽所有可用的內置選項，然後導出要在 WijmoJS 應用程序中使用的代碼，或者通過設計器自動更新 HTML 源文件。
『叄』 前端開發如何引用插件
一般的插件都是有自己的CSS和JS文件的，你直接把它們載入你的head里，如下：
<script src="你找到的插件提供的JS文件地址">
如果你在用J2EE或者，C#MVC框架開發web應用系統的話，有一個神器推薦給你--「活字格」，絕對好用。另外，就是任何的插件都是有說明文檔的你看他的說明文檔怎麼用。
還有，做為一個開發者，糾正你一個名詞，這個一般叫控制項不叫插件 。
『肆』 前端開發中有哪些插件或組件，值得自己去實現一次
基礎：圖片懶載入，滾動到底部載入，tab選項卡，幻燈片輪播
高級：富文本編輯器
『伍』 web前端開發常用又好用的幾個軟體
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
『陸』 Notepad++ 有哪些適用於前端開發的插件
常用的前端開發插件如下：
Emmet
Emmet的前身是Zen Coding，一款使用仿CSS選擇器的語法來快速開發HTML和CSS的插件，是前端開發神器。它無視了編輯器的自動提示和自動完成，秒殺了你自定義的各種快捷鍵或者 AHK 的熱字元串，以智能簡潔高效的縮短輸入，帶給你超快速地書寫各種復雜而枯燥的 HTML 和 CSS 代碼的體驗。現在可以在Notepad++的插件管理器里直接安裝了。
Finger Text
標簽代碼替換和文本自動完成插件，編輯器配合這個功能可以有效地提升代碼的書寫速度，提高自己的工作效率，例如我輸入if然後按Tab鍵將會把if替換成一個完整的if結構，可以極大的提高效率，當然具體怎麼替換是可以配置的。
TextFx
這個號稱是Notepad++上面最好用的plugin，具有超強的文本處理能力，比如文本編碼處理等。編程某種程度上就是文本工作，所以這個插件對開發人員應該是非常有幫助的。以前是默認安裝的，現在需要自己手動安裝。
Task List
自動掃描當前文檔，將所有"TODO:"開頭的注釋都找出來，列在右邊的面板中，雙擊可以跳轉該行。這和Eclipse里的TODO功能很相似，便於標記查找沒有完成的工作。
HTML Tag
編輯HTML代碼時比較有用，它主要的功能是匹配選擇的標簽，對HTML標簽編碼及解碼，對JS編碼及解碼，我認為對HTML標簽編碼及解碼是最有用的功能了。
TagsView
可以列出當前文檔的全局變數，函數列表等，方便查找定位函數，變數等。
JSON Viewer
可以以樹的形式查看JSON，同時可以格式化JSON，增加縮進。
JSLint
JSLint一個JavaScript語法檢查工具，可以檢查你的代碼是否優秀，規則請參考<<JavaScript語言精粹>>。
RegEx Helper
在文檔的中匹配正則表達式，可以用來測試正則表達式。
Compare Plugin
一個非常實用的工具，可以用來比較兩個文件不同之處，主要用來對比相鄰的兩個文件。
Explorer
一個文件瀏覽窗口，可以在裡面創建文件，文件夾等。還可以快速定位當前打開的文件的文件夾。
File Switcher
一個快速切換窗口的工具，支持通過輸入文件名，路徑或者tab index來查找切換，可以用來替換默認的Ctrl + Tab。
『柒』 前端可視化開發要用到哪些工具、插件
ThingJS 基於 HTML5 和 WebGL 技術，可方便地在主流瀏覽器上進行瀏覽和調試，支持 PC 和移動設備。ThingJS
為可視化應用提供了簡單、豐富的功能，只需要具有基本的 Javascript 開發經驗即可上手。
ThingJS
提供了場景載入、分層級瀏覽，對象訪問、搜索、以及對象的多種控制方式和豐富的效果展示，可以通過綁定事件進行各種交互操作，還提供了攝像機視角控制、點線面效果、溫濕度雲圖、界面數據展示、粒子效果等各種可視化功能。
ThingJS提供如下相關組件和工具供用戶使用：
CityBuilder：聚焦城市的 3D 地圖搭建工具，打造你的 3D 城市地圖。
CamBuilder：簡單、好用、免費的 3D 場景搭建工具。
ThingPano：全景圖製作工具，輕松製作並開發全景圖應用，實現 3D 宏觀場景和全景微觀場景的無縫融合。
ThingDepot：上萬種模型，數十個行業，自主挑選，一次製作多次復用。
『捌』 前端開發有哪些常用的JavaScript插件
1.表單驗證插件 validate.js
2.表格插件 dateTables.js
3.彈層插件 layer.js
4.分頁插件 layPage.js
5下拉框選擇插件 select2.js chosen.js
6.圖片全屏顯示 supersized.js
7.復選框單選按鈕美化 iCheck.js 表單美化插件 uniform.js里也行，可以看看
8.全屏滾動插件 fullPage.js
9.上傳插件 zyUpload.js
10.樹插件 zTree.js
11.表單提交插件 ajaxForm.js
12.輸入格式化插件 inputmask.js maskedinput.js
13.向導插件 formToWizard.js
14.日歷插件 fullcalendar.js
15.手機端滾動插件 iscroll.js
『玖』 作為一個前端開發，vscode有哪些值得安裝的插件
WijmoJS 前端開發工具包由多款高效、靈活的純前端控制項組成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用於快速搭建企業級桌面/移動 Web 應用程序。WijmoJS 可靈活應對客戶需求變化，縮短新項目研發周期，高效處理海量用戶數據，提升產品核心競爭力。
藉助葡萄城深厚的技術底蘊，WijmoJS 為各領域用戶提供更穩定、更高效的前端開發工具，幫助中國招商銀行、微軟、思科、特斯拉、富士通等知名企業快速搭建其 Web 應用程序。WijmoJS 憑借先進的觸控設計、全面的框架支持、頂級的控制項性能、零依賴的產品特性和易用、輕松的操作體驗，全面滿足前端開發所需，已成為構建企業 Web 應用程序最高效的純前端開發工具包。
與此同時，WijmoJS 的可視化設計器已正式推出，包含 VSCode 設計器和在線設計器。通過使用設計器，您可以在想要配置的控制項中選擇並瀏覽所有可用的內置選項，然後導出要在 WijmoJS 應用程序中使用的代碼，或者通過設計器自動更新 HTML 源文件。
『拾』 適合前端開發人員的vscode擴展插件有哪些
1，HTML snippets(Visual Studio Code HTML snippets)
這是一款前端開發者必備的擴展，它能將你從手動鍵入每個標簽中解放出來。只需輸入 div 然後按下回車，一對標簽就出現了。更厲害的是，對於需要嵌套的標簽，你可以直接用 ul>li>a 的格式表示，按下回車後就能看到你需要的嵌套。還有一點，這個擴展已經包括所有的 HMTL5 片段。
2，JavaScript (ES6) code snippets
幾乎每個前端程序員都是 JavaScript 的使用者，為了提高編寫 JS 代碼的效率，這個擴展很有用，並且它還支持 .ts, .tsx 和 .jsx 文件。
擴展中有很多快捷縮寫，比如想要調用 export default class ClassName{}，輸入 ecl 按下空格即可。
3，CSS Peek
既然已經分別介紹了 HTML 和 JS 的助手，我們也不能落下 CSS。CSS Peek 是一個支持 .html 和 .js 文件的擴展，它能幫助開發者快速找到和查看選定類或 id 所用的樣式。對於那些不喜歡來回切換文件或者分屏的開發者來說這個擴展很有用。
4，Angular/React/Vue
既然提到了代碼片段，我們最好也提一下每個框架下的不同擴展。
對 AngularJS 來說，Angular Snippets(Version 8)是針對 AngularJS 8 的一款擴展，它為我們提供 Typescript 和 HTML 的代碼片段。
對於 React.js 框架，ES7 React/Rex/GraphQL/React-Native snippets 是一個優秀的擴展，它使用 ES7 提供 React 和 Rex 的代碼片段，用法和 Javascript snippets 類似，都是按空格鍵。
對 Vue.js 開發，有一個叫 Vetur 的擴展相當棒，它目前的下載量已經有將近2,000萬。Vetur 的功能很強大，包括代碼片段，Emmet，錯誤檢查，格式化，調試和高亮語法等。
5，ESLint
如果你想要寫出友好，易讀，干凈的代碼，我建議你在 VSC 中安裝一個 ESLint 擴展，它會幫助你持續養成好的編碼習慣，比如縮進等。
6，Prettier 代碼格式工具
說到漂亮整潔的代碼，Prettier 聽名字你就值得擁有。尤其在項目需要你和其他同事合作完成時，Prettier 會強勢地將代碼格式全部統一，讓你再也不用和同事討論自己的代碼。
7，GitLens
VSC 是整合了 git 功能的，通過安裝 GitLens 這個功能將會更強大，它能讓你看到每一行代碼是由誰在什麼時候寫的，並且快速查看代碼提交詳情，在團隊協作中這個擴展很有用。
8，Auto import 自動導入包
Auto import 是一個自動導入包擴展。如果目前手頭的項目是基於不同組件的，那麼你需要做的就是給每個組件命名，剩下的事交給 Auto import 就好。
9，Path autocomplete 路徑自動補全
提到了導入的問題，另一個重要的擴展就是能夠智能補全導入文件路徑的 Path autocomplete。使用時，輸入 ./ 後你就會看到一個包含所有文件名的下拉菜單。當文件目錄繁雜時，這個擴展真的是很好用，它為你省去了很多一層一層刨開目錄的痛苦。
10，Bracket Pair Colorizer 括弧著色器
括弧著色器能讓我們一眼看出當前代碼塊的反括弧在哪裡。有時候在稍微復雜的函數中，找到正確的那對代碼並不是那麼容易，但 Bracket Pair Colorizer 在你鍵入一個括弧時就為這一對括弧分配了自己的顏色，便於閱讀。
11，Indenticator 縮進指示器
Indenticator 可以高亮顯示出當前縮進的深度，深度由線和點表示，同樣使代碼更整潔，提高代碼易讀性。
12，Debugger for Chrome 調試器
放在最後的是重磅級的調試擴展 Debugger for Chrome。這個插件能讓你在 VSC 裡面直接調試 JS 文件，效果和 Chrome 的控制台中差不多，讓你不用打開瀏覽器就直接打斷點。 （BY三人行慕課）