一、前端工具vscode

1.1、概述

前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互 [1] 。它從網(wǎng)頁(yè)制作演變而來(lái)，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。 [2]

移動(dòng)互聯(lián)網(wǎng)帶來(lái)了大量高性能的移動(dòng)終端設(shè)備以及快速的無(wú)線網(wǎng)絡(luò)，HTML5，node.jS的廣泛應(yīng)用，各類框架類庫(kù)層出不窮。 [1]

當(dāng)下國(guó)內(nèi)的大部分互聯(lián)網(wǎng)公司只有前端工程師和后端工程師，中間層的工作有的由前端來(lái)完成，有的由后端來(lái)完成。

1.2、下載安裝VScode

下載地址：https://code.visualstudio.com/

1.3、打開(kāi)vscode安裝包

1.4、 指定安裝目錄

1.5、創(chuàng)建和不創(chuàng)建桌面圖標(biāo)，點(diǎn)擊【下一步】

1.6、點(diǎn)擊【安裝】

1.7、安裝中

1.8、安裝完點(diǎn)擊完成

1.9、出現(xiàn)以下界面完成

二、中文界面配置

2.1、安裝中文插件：Chinese (Simplified) Language Pack for Visual Studio Code

2.2、右下角彈出是否重啟vs，點(diǎn)擊“yes”

2.3、中文插件漢化成功

三、漢化遇到問(wèn)題

1、重啟后界面沒(méi)有變化

有些機(jī)器重啟后如果界面沒(méi)有變化，點(diǎn)擊 左邊欄Manage -> Command Paletet…【Ctrl+Shift+p】，在搜索框中輸入“configure display language”，回車

2、選擇’zh-cn’ 選擇’zh-cn’

3、重啟vs 四、插件安裝

為了方便后續(xù)開(kāi)發(fā)，建議安裝如下插件

五、設(shè)置字體大小

左邊欄Manage -> settings -> 搜索 “font” -> Font size

六、開(kāi)啟完整的Emmet語(yǔ)法支持

設(shè)置中搜索 Emmet：?jiǎn)⒂萌缦逻x項(xiàng)，必要時(shí)重啟vs

七、視圖

查看—> 外觀—> 向左移動(dòng)側(cè)邊欄

總結(jié)

到此這篇關(guān)于安裝VSCode的文章就介紹到這了,更多相關(guān)VSCode安裝步驟內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論