VS Code系列:(一)初識篇

前置知識

  1. 本篇文章: vscode 的版本 1.19.2
  2. 安裝系統:windows 7 64位
  3. 主要適用:web前端開發

簡介

  • 官方介紹

    VisualStudioCode是一個輕量級且功能強大的原始碼編輯器,它執行在桌面上,支援Windows、MacOS和Linux系統。它提供了對JavaScript、TypeScript和Node.js的內建支援,併為其他語言(如C、C#、Java、Python、PHP、GO)提供了一個豐富的擴充套件生態系統和執行平臺(如.NET 和 Unity)。

  • 題外話

    1. VS Code 編輯器元件來自online editor Monaco,由“四人幫之一的”Eric Gamma 率領團隊打造;
    2. 基於 Electron 開發、typescript編寫、底層 Node.js 打造的一個編輯器 , 不是IDE,被稱為“披著IDE外衣的編輯器”;
    3. 出身微軟,一個全平臺的編輯器,技術保證;
    4. 與Github社群聯絡緊密,在社群汲取營養;
    5. 基本每月更新,各種擴充套件嗨翻天;

下載安裝

特色

  • 支援 熱備份

》開啟並修改檔案後,突然關閉,即使檔案沒有儲存,再次開啟也會保留之前檔案的編輯狀態;
這裡寫圖片描述

  • 擴充套件外掛的整合,不依賴第三方外掛市場

》這一點不同於 sublime ,sublime依賴的是package control
這裡寫圖片描述

  • 程式碼智慧提示功能(IntelliSense功能)

》根據文件上下文為變數型別、函式定義和匯入模組提供程式碼智慧補全功能;
》通常配合一些外掛效果更佳;
這裡寫圖片描述

  • 整合語法校驗(javascript,sass,less,css , php)

  • 程式碼導航和重構:使用peek和navigate to definition功能可以查閱瀏覽你的原始碼,程式碼重構變得輕而易舉。

  • 整合 markdown 預覽

  • 更換主題,打造專屬編輯器

  • 自定義快捷鍵和 snippet(片段)

  • 整合可配置除錯環境( nodejs )

  • Git服務的整合,視覺化操作也能程式碼操作。

    》需要配合一些外掛,效果更好;

  • 整合終端

    》可以快速切換到當前檔案目錄,很實用;

使用技巧

  • 個人認為,VS Code這麼流行的一個很重要的原因:

    外掛的極大豐富,所以經常去逛一逛外掛擴充套件市場,總會有新發現;

  • 習慣使用 快捷鍵

    這個問題,是一個老生常談的話題,用的溜,效率會提高很多;

  • 有時間可以仔細看看官方文件,會發現很多新知識,提升自己的使用水平;

    一方面可以提高英文水平,另一方面會發現新技巧也說不定;