前端開發IDE神器之VisualStudioCode1.29.1插件安裝、常規配置、案例應用

VisualStudioCode官網:https://code.visualstudio.com/

一、下載安裝包步驟安裝

在這裏插入圖片描述

二、安裝中文插件

  • 點擊擴展按鈕
  • 搜索“Chinese (Simplified) Language Pack for Visual Studio Code”
  • 右下角彈出是否重啓vs,點擊“yes”

在這裏插入圖片描述

  • 安裝成功

在這裏插入圖片描述

三、安裝必備插件

注意:ESLint 插件勿安裝,後面實戰發現,代碼檢測過於嚴格,最後還是需要禁用!!!

在這裏插入圖片描述

  • 安裝成功

在這裏插入圖片描述

四、創建項目文件夾

VsCode無新建項目的選項,所以要先創建一個空的文件夾,如project_xxxx!

  • 本地新建VsCode工作目錄,比如:E:\(000)DevelopTools\VsCode\VSCode-workspace

  • 在VsCode中選擇File -> Open Folder 打開文件夾,至VSCode-workspace新建項目project-191108

在這裏插入圖片描述

五、新建工作空間

  • VsCode中選擇“文件 -> 將工作區另存爲…”,爲工作區文件起一個名字,比如“project-1108”,存儲project-191108項目文件夾下即可!

在這裏插入圖片描述

六、新建文件夾和網頁

在這裏插入圖片描述

七、瀏覽器與插件方式打開

(1)瀏覽器方式

在這裏插入圖片描述

默認瀏覽器打開

在這裏插入圖片描述

(2)插件方式

在這裏插入圖片描述

瀏覽器打開

在這裏插入圖片描述


 ☝上述分享來源個人總結,如果分享對您有幫忙,希望您積極轉載;如果您有不同的見解,希望您積極留言,讓我們一起探討,您的鼓勵將是我前進道路上一份助力,非常感謝!我會不定時更新相關技術動態,同時我也會不斷完善自己,提升技術,希望與君同成長同進步!

☞本人博客:https://coding0110lin.blog.csdn.net/  歡迎轉載,一起技術交流吧!

發佈了163 篇原創文章 · 獲贊 40 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章