❶ 2016web前端開發用什麼工具
工具？我喜歡sublime
公司里用的vscode
但是我還是喜歡sublime 因為看著舒服，補全也好用
vscode天天更新 煩！跟微軟系統一樣
但是他也有他的好處 比如我的sublime的react插件一直沒出現高亮效果 不知道有什麼bug了，但是vscode正常顯示了
比如他能右鍵格式化
sublime是輕量級的運行也快風格也多 更人性化一些，打開速度也是超快的好嗎
❷ vscode 與 webstorm 各自有什麼優缺點
vscode優點：
該編輯器也集成了所有一款現代編輯器所應該具備的特性，包括語法高亮（syntax high lighting），可定製的熱鍵綁定（customizable keyboard bindings），括弧匹配（bracket matching）以及代碼片段收集（snippets）。
Somasegar 也告訴筆者這款編輯器也擁有對 Git 的開箱即用的支持。Microsoft Docs（微軟文檔）提供了相應的學習教程幫助用戶在 Visual Studio Code 中登陸 GitHub。
缺點：要開發大型項目要下很多插件，配置很多，如ESLint配置，prettier配置等等，2021年了，點擊CSS類名跳轉、CSS類名提示仍需要藉助插件，而且vue中無法跳轉class和id。
代碼提示缺失AI，官方的AI插件不是很好用。重構文件名沒有自動更新功能，git相比webstorm真是一言難盡。不過解決沖突很強。
webstorm優點：
如官方描述一樣，功能碾壓所有前端開發工具。向官方反饋問題馬上能得到回應，可以去twitter上看看它的回復。
缺點：正版中文不如VSCode友好，要翻譯就希望認真翻譯，太多機翻的東西了。wsl開發不是很爽（慢）。
❸ web前端開發人員一般用什麼開發軟體
一般用以下當中的一種：
VS Code。
Webstorm。
Sublime。
Atom。
❹ 作為一個前端開發，vscode有哪些值得安裝的插件
WijmoJS 前端開發工具包由多款高效、靈活的純前端控制項組成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用於快速搭建企業級桌面/移動 Web 應用程序。WijmoJS 可靈活應對客戶需求變化，縮短新項目研發周期，高效處理海量用戶數據，提升產品核心競爭力。
藉助葡萄城深厚的技術底蘊，WijmoJS 為各領域用戶提供更穩定、更高效的前端開發工具，幫助中國招商銀行、微軟、思科、特斯拉、富士通等知名企業快速搭建其 Web 應用程序。WijmoJS 憑借先進的觸控設計、全面的框架支持、頂級的控制項性能、零依賴的產品特性和易用、輕松的操作體驗，全面滿足前端開發所需，已成為構建企業 Web 應用程序最高效的純前端開發工具包。
與此同時，WijmoJS 的可視化設計器已正式推出，包含 VSCode 設計器和在線設計器。通過使用設計器，您可以在想要配置的控制項中選擇並瀏覽所有可用的內置選項，然後導出要在 WijmoJS 應用程序中使用的代碼，或者通過設計器自動更新 HTML 源文件。
❺ 前端開發都需要哪些工具
每個前端開發人員都有自己喜歡的開發工具，用這些工具能讓編碼更容易並且「令人愉快」。分享一些我認為真的很棒的很棒的Web開發工具！
1.Glitch
https://glitch.com
好的，這不僅僅是一個工具，還是一個非常棒的編碼平台以及一個很棒的技術社區。我可以在內置代碼編輯器的幫助下託管我的項目。支持多種語言，但最適合NodeJS。
2.Shadows
https://brumm.af/shadows
這個網站提供生成平滑陰影的CSS代碼，可以創建平滑的邊框陰影。它看起來真的很流暢，令人滿意。
3.Coolors
https://coolors.co
這是一款非常好的在線工具，可以為項目生成匹配的顏色方案。如果不喜歡當前的方案，按下空格鍵，它會重新生成一個配色方案，直到你滿意~
4. Blobmaker
https://blobmaker.app
Blobmaker可幫助你隨機生成各種尺寸，不同顏色和形狀的SVG Blob。你可以用作背景或創建看起來很酷的動畫。
5.Getwavs
https://getwaves.io
與Blobmaker相似，Get Waves能夠隨機生成不同顏色和不同數量的波浪。用作網頁的頁腳或頁眉看起來不錯。
6. Undraw.co
https://undraw.co
開放源代碼項目的SVG插圖集，可用來做登錄頁面，404頁面等，當然普通頁面也能用!上面的插圖可以不帶歸屬地版權的使用，無需支付任何費用。
7. Marcdown
https://liyasthomas.github.io/marcdown
由Liyas Thomas提供的在線實時的Markdown網頁編輯器，它可預覽Markdown代碼，將其發布到GitHub上。它提供一個非常漂亮的暗黑模式。還可離線工作，這使得它顯得更出色。
8.postwoman
https://postwoman.io
這是Liyas Thomas構建的另一個工具。Postwoman是一個API請求構建工作。開發者可以不使用代理來測試 API。這是一個漸進式Web應用程序，可以保存到桌面來用。它是輕量級的產品，基本上可以是Postman的在線替代品。
9. Screely.com
https://screely.com
它可以幫助你創建超級漂亮的網站截圖模型。如果你不是MacBook用戶，但需要更好的網站圖片作為自述文件，它非常適合我們。
10. CSS網格生成器
https://cssgrid-generator.netlify.com/
這是Sarah Drasner的創建的優秀網站，它使用CSS創建動態網格布局。
以上是10款web前端開發工具分享，希望對你有幫助。
❻ web前端工程師 學習順序
01.環境搭建
前端環境很好搭建，一個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝插件，沒有語法提示，可以打基礎
02.html基礎
帶你去認識html，讓你學習去運行html，等瀏覽器上面打開你的頁面的時候，你會有很強的成就感，然後開始學習html的基礎標簽
03.css基礎
html是勾勒，css是染色，基礎的css學完你會有種想寫頁面的沖動，這時候你不用抑制住那種感覺，直接按照自己所想開寫，這是你的第一個項目
04，js基礎
js是頁面的邏輯，作為一個web前端工程師，js是很核心的部分，也是很難的部分。js的學習之後放長一些，尤其是前一周，要讓自己去熟悉那種語法環境，培養自己的開發思路，而且有一點就是學完一個星期的知識之後，及時和你的指引人溝通，看卡自己的理解是否有誤，還有就是學習思路是否有問題，他會給你指出那些東西需要多學習，哪些不常用，還有就是給你點一下你學的這些在項目中會是怎麼去應用，理論聯系實際是最好的學習方式。
05.純ja操作dom和jquery
這階段要知道怎麼去用js來更改頁面的元素，怎麼去寫dom事件，經過一番聯系後，再引入jquery，不要本末倒置，有個同學學完jquery之後說發誓以後再不用原生js操作dom！然後被我狠狠罵了一頓
06，開始你的ui框架之旅
這個階段我推薦從bootstrap開始，這個框架很經典，響應式的珊格系統被後來框架一直沿用，在我線下教學的那幾年，我都會帶著學生一起看bootstrap的源碼，讓他們學會這種設計思想，因為之後對他們太有用了，當時他們很痛苦，現在他們說起來覺得很受益，如果可以，你也要去看看源碼，先學會去定製bootstrap，公司注重二次開發，定製 bootstrap正好可以練手。
07.開始深入css3
基礎學完css3要提上日程，這時你會看到不一樣的世界
08.深入js
這階段你就要去解讀原型鏈，原型替換，this指向，es6，es7的新語法，
09.學一套主流mv*框架
vue，react，angular2選一種，
我建議從vue開始，react的jsx語法不適合你入門去學習，angular2的typescript語法糖難度也比較高，vue學起來平滑些，結合vue，學一下vue-router，vuex，element ui，axios，webpack。做個項目玩一下這個全家桶
10.升級後台語言nodejs
這個不作要求，你在學vue的時候其實已經在用nodejs了，你用的npm就是nodejs的一部分，這個階段說的是nodejs編程，比較難理解，畢竟是寫伺服器的東西，不過前面基礎打牢固，讓別人一點撥就能上手，技術不難，難在思路轉換。
❼ 寫代碼的軟體有哪些
寫代碼可以用的軟體有：Webstorm、Vscode、SublimeText、HBuilder、Dreamweaver、notepad++、editplus等。
代碼就是程序員用開發工具所支持的語言寫出來的源文件，是一組由字元、符號或信號碼元以離散形式表示信息的明確的規則體系。代碼設計的原則包括唯一確定性、標准化和通用性、可擴充性與穩定性、便於識別與記憶、力求短小與格式統一以及容易修改等。源代碼是代碼的分支，某種意義上來說，源代碼相當於代碼。現代程序語言中，源代碼可以書籍或磁帶形式出現，但最為常用格式是文本文件，這種典型格式的目的是為了編譯出計算機程序。計算機源代碼最終目的是將人類可讀文本翻譯成為計算機可執行的二進制指令，這種過程叫編譯，它由通過編譯器完成。做前端開發，寫代碼的軟體是必不可少的。主流的前端開發寫代碼軟體有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我們一起來看看。
做前端開發，寫代碼的軟體是必不可少的。主流的前端開發寫代碼軟體有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我們一起來看看。
1.WebStorm【推薦】
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。WebStorm的過人在於，商家不斷的更新版本。
2.Visual Studio Code（簡稱：Vscode）【推薦】
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，啟動非常快，完全可以用來代替其他文本文件編輯工具。還可以用來做開發，支持各種語言。軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
3.Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。擁有著漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。其主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
4.HBuilder
HBuilder是DCloud推出的專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。
5.Dreamweaver
Dreamweaver是由Macromedia公司開發的一款所見即所得的網頁編輯器。所見即所得的網頁編輯器的優點有直觀性、使用方便、容易上手。它使用所見即所得的介面，亦有HTML編輯的功能。熟練掌握Dreamweaver軟體的使用，無論是設計師還是工程師，它都能有效提高你的工作效率。
6.Notepad++
Notepad++是一款Windows操作系統下的一套文本編輯器。此軟體是免費軟體，可以免費使用，自帶中文，小巧高效，支持27種編程語言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 內置支持多達27種語法高亮度顯示。Notepad++除了可以用來製作一般的純文字說明文件，也十分適合編寫計算機程序代碼。
7.Editplus
Editplus是一款由韓國Sangil Kim出品的小巧但是功能非常強大的文字編輯器，擁有無限制的Undo/Redo（撤銷）、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多文件、全屏幕瀏覽功能。除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代碼高亮外，還內建完整的HTML和CSS指令功能。
❽ 如何實現前端代碼打開vscode編輯器
vscode 可安裝靜態web伺服器 Live Server用於運行前端代碼，方便調試。最新的 Live Server已支持php動態頁面。
安裝方法是，點擊左側第五個圖標，打開「擴展」頁面，在文本框中輸入Live Server，點擊第一個搜索結果，在右側頁面中點擊安裝，等待安裝完成。
運行方式是，選中項目，點擊屏幕下方工具欄中的Go live按鈕即可。再點擊一次，即停止運行伺服器。
Live Server有一些默認配置選項，用戶可以修改。點擊 文件->首選項->設置， 在右側頁面中找到 Live Server Config，其中列出的是本插件的配置屬性。將其復制到右側，修改屬性值，點擊保存即可。例如，修改默認的埠，可以復制以下代碼到頁面的右側的用戶設置中。
1
"liveServer.settings.port": 5501
點擊保存，默認的埠就有5500改為5501.
其他設置的含義，查找該插件的說明文檔。
注意，VSCode 中的所有設置都是通過json格式的數據配置的。用戶可以查找對應的key值，修改其value，從而修改配置屬性。
❾ web前端用哪個軟體比較好
推薦一些Web前端開發常用工具。
6、Bit.dev
軟體開發的一項基本原則是代碼可重用性。這可以減少你的開發工作，因為你無需從頭開始構建每個組件。這正是 Bit.dev 所做的。它使你可以共享可重用的代碼組件和代碼片段，從而減少開銷並加快開發流程。它還允許在團隊之間共享組件，這使你的團隊可以與其他團隊更好地協作。
7、StackBlitz
StackBlitz是所有用戶最喜歡的在線 IDE 工具。主要原因是它將我們最喜歡和最常用的 IDE——也就是 Visual Studio Code，引入了 Web 端。StackBlitz 允許你一鍵設置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一鍵設置這個功能意味著開發者可以在極短的時間內開始編碼。有了StackBlitz，你只需不到幾分鍾的時間就可以試用新的 NPM 軟體包，而無需從頭開始在本地創建項目。
❿ 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技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。