轉(zhuǎn)眼寒匙,2018即將過去,在簡(jiǎn)書當(dāng)了三年的讀者,今天锄弱,決定在簡(jiǎn)書發(fā)表文章考蕾,記錄自己生活,學(xué)習(xí)和成長(zhǎng)經(jīng)歷会宪。
今年開始接觸前端肖卧,給我的第一印象是一切都那么的簡(jiǎn)單,無論內(nèi)容還是應(yīng)用掸鹅,無需安裝塞帐,跨平臺(tái)使用,讓我萌生了開發(fā)前端應(yīng)用的想法巍沙,隨時(shí)隨地都能查看自己的成果葵姥,當(dāng)然這還需要搭建服務(wù)器~~~
因此,搭建一個(gè)好的開發(fā)環(huán)境至關(guān)重要句携,我選擇使用微軟的開源編輯器VS code榔幸。
VS code 編輯器下載
VS code 是微軟推出的一款開源編輯器,我們可以通過官網(wǎng)進(jìn)行下載和安裝:
https://code.visualstudio.com/
在下圖標(biāo)記的地方即可選擇與你系統(tǒng)匹配的版本矮嫉,選擇合適的版本并下載削咆。
VS code 基本配置方法
安裝完成后如圖所示,進(jìn)入主頁面:
左側(cè)可看見5個(gè)明顯的圖標(biāo)敞临,第一個(gè)為文件管理态辛,第五個(gè)為插件管理。VS code為我們提供了很多強(qiáng)大的插件挺尿。
在這里可選擇需要的插件并安裝奏黑,一般插件,安裝后重新加載即可编矾。但有些需要單獨(dú)在文件中進(jìn)行配置熟史。
現(xiàn)在,作為前端開發(fā)窄俏,推薦幾款好用的插件:
HTML Snippets
超級(jí)實(shí)用且初級(jí)的 H5代碼片段以及提示
View In Browser
可在瀏覽器中查看
Beautify
美化代碼
VSCode Great Icons
更改文件圖標(biāo)蹂匹,可快速區(qū)分文件類型
作為初學(xué)者,不建議安裝太多插件凹蜈,夠用就好限寞。
祝大家愉快!