一、前端工具vscode

1.1、概述

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

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

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

1.2、下載安裝VScode

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

1.3、打開vscode安裝包

1.4、 指定安裝目錄

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

1.6、點擊【安裝】

1.7、安裝中

1.8、安裝完點擊完成

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

二、中文界面配置

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

2.2、右下角彈出是否重啟vs，點擊“yes”

2.3、中文插件漢化成功

三、漢化遇到問題

1、重啟后界面沒有變化

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

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

3、重啟vs 四、插件安裝

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

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

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

六、開啟完整的Emmet語法支持

設(shè)置中搜索 Emmet：啟用如下選項，必要時重啟vs

七、視圖

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

總結(jié)

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

最新評論