新一代的 HTML+CSS+JavaScript IDE - Lightly

HTML/CSS 和 JavaScript(簡稱 JS)是支持網(wǎng)頁開發(fā)的三大語言。這三個(gè)語言往往形影不離,他們?nèi)缤孔拥慕Y(jié)構(gòu)、設(shè)計(jì)與功能般,分別為網(wǎng)頁開發(fā)的不同需求服務(wù),而我們一般看到的網(wǎng)頁一般都由這三個(gè)語言共同編寫而成。
為什么 Web 語言如此重要?
根據(jù) Stack Overflow 2021年的調(diào)研報(bào)告,JavaScript 和 HTML/CSS 分別以 64.96% 和 56.07% 占據(jù)編程語言使用者 TOP2,而精通 HTML/CSS 和 JavaScript 的全棧開發(fā)者(full stack developer)也占所有開發(fā)者類型的 49.47%。

在我們的日常生活中,各式各樣的 web 應(yīng)用已越來越常見。小到我們平常接觸的小程序,大到著名的亞馬遜 AWS 云服務(wù)都由 HTML/CSS 以及 JavaScript 編程。網(wǎng)頁與云端類應(yīng)用已然成為未來趨勢,編寫這類應(yīng)用的語言更是炙手可熱。
了解了 HTML/CSS 的用途和基本概況后,你可能會(huì)想:究竟哪些軟件可以編寫這個(gè)語言呢?
Web 編輯器選項(xiàng)
編程軟件和編程語言之間的關(guān)系十分微妙,他們就像筆、筆記本和語言文字。選擇筆和筆記本或許對語言本身影響不大,但卻在用戶體驗(yàn)上不太一樣。市面上的各種編輯器和集成開發(fā)工具(IDE)都有各自的特點(diǎn),常見的 Web 語言編輯器包括:Visual Studio、Notepad++、Sublime、Lightly、WebStorm、VS Code 等,用戶可以結(jié)合編輯器的特點(diǎn)和自身需求進(jìn)行選擇。
由于我具有高頻移動(dòng)、多平臺(tái)切換等需求,我目前比較傾向使用輕量化的在線編輯器 Lightly 來完成我的編程工作。Lightly 是 TeamCode 旗下的一款輕量且功能強(qiáng)大的集成開發(fā)工具(IDE)。得益于 Lightly 自動(dòng)配置環(huán)境和云端實(shí)時(shí)儲(chǔ)存的功能,我只要有網(wǎng)絡(luò)就能使用任何平板或電腦開始工作,省去了安裝軟件和文件定位等麻煩與擔(dān)憂。

在 Lightly 完成代碼編寫后,可以直接在線編輯調(diào)試網(wǎng)頁源碼,實(shí)時(shí)預(yù)覽頁面效果并根據(jù)反饋修改代碼內(nèi)容。如果還不確定自己的需求,初嘗編程的小伙伴也可以先使用 Lightly 練手,通過實(shí)際練習(xí)了解 HTML/CSS 以及 JavaScript 之間的關(guān)系:
HTML / CSS / JS 編程入門 —— 制作可切換主題的簡單網(wǎng)頁
如果小伙伴有了比較明確的想法,可以通過以下對比,選擇自己合適、趁手的編輯器開始編程旅途:
