VsCode安裝使用教程和插件安裝方法


許多滲透方式都python寫腳本,比較方便,寫一下vscode和插件的安裝辦法,雖然不是很復雜,但是寫一下做一下筆記:

 

Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性,支持插件擴展,並針對網頁開發和雲端應用開發做了優化。軟件跨平台支持 Win、Mac 以及 Linux。

 

官網下載地址:https://code.visualstudio.com/#

 

 

 解壓以后漢化:f1進入搜索

 

 

 安裝中文就行:

 

 

 然后重啟即可。如果重啟后還是英文的,那么在商店查看已安裝的插件,把中文插件Chinese(simplified) 重新安裝一遍,然后重啟軟件即可。

常用命令:

 

 左面圖標說明:

 

 

 vscode基本使用:

1.直接拖入項目文件夾進入軟件

方式一: 拖入工作區(這樣的話,會保留當前以及打開的項目文件夾)

方式二: 拖入工作區右邊的窗口,這樣的話會讓拖入的窗口覆蓋掉原本以及打開的窗口
(這時vscode會問你是否保存一個文件,用來保存原本工作區信息,以便下次打開此文件)

備注:對於左側的文件夾可以直接使用快捷鍵復制粘貼等。

方式三:

也可以安裝http server插件,安裝完成后按下f1,然后輸入http會看到下面兩個選項,選擇with current file那個能夠創建一個服務器運行當前文件。另外一個會找當前目錄下的index.html,然后打開它。

 2.在vscode里面創建項目文件夾

3.格式化代碼

在代碼里面右鍵菜單,會彈出相應的格式化等功能選項,也有定義引用查找等菜單。

4.在瀏覽器中打開網頁

安裝插件:Open HTML in Default Browser

•用默認瀏覽器打開 HTML 文件
•在資源管理器中,HTML 文件右鍵顯示 在瀏覽器中打開 菜單
•在編輯器中,HTML 文件右鍵顯示 在瀏覽器中打開 菜單
•可以同時打開多個頁面

我們在工作區項目上右鍵菜單就能看到在資源管理器中打開文件的選項

5.以服務器形式打開文件

方式一:

安裝live server 插件,點擊重新加載或者重啟vscode,然后鼠標右鍵就可以在服務器上打開,
這種模式打開會自動刷新頁面。

方式二:
按下快捷鍵:Ctrl+` 打開命令行終端,執行cnpm install live-server -g
安裝好后每次要運行只需要打開終端后執行一下live-server即可

使用live-server是把整個網站打開到服務器上的。不管你當前定位到哪一個目錄,他打開的都是默認的首頁文件,

如:index.html

如果你根目錄下全是文件夾,或者沒有index.html等默認首頁文件,那么服務器就會顯示一些文件夾讓你選擇。

6.如果要關閉live-server那么只需要在控制台執行以下ctrl+c,然后輸入y確認下即可關閉。

7.Live-server可以在任意項目根目錄下,打開終端窗口,然后輸入live-server即可讓當前項目在服務器上打開執行

8.在以服務器打開的模式下,我們更改了文件內容后只要保存下,瀏覽器就會自動的刷新**,而不需要我們顯式的在瀏覽器里面刷新。

8.前端常用插件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM