VSCode的使用

VSCode的使用：
1.下載安裝：https://code.visualstudio.com/Download

2.安裝經常使用插件：
選中左側工具欄的最後一項（擴展項）--->搜索經常使用的插件安裝
1）Auto Close Tag ：匹配標籤，關閉對應的標籤
Auto Rename Tag: 自動重命名

2）beautify : 良好的拓展性，能夠格式化JSON|JS|HTML|CSS|SCSS,比內置格式化好用


3) View In Browser 或 Open In Browser 運行在瀏覽器中打開文件

4）HTML CSS Support : 這個也是必備插件之一

5）Path Autocomplete : 路徑智能補全
Path Intellisense ： 路徑智能提示.

6)CSS Peek:使用此插件，你能夠追蹤至樣式表中 CSS 類和 ids 定義的地方。
當你在 HTML 文件中右鍵單擊選擇器時，
選擇「 Go to Definition 和 Peek definition 」選項，
它便會給你發送樣式設置的 CSS 代碼。

7)HTML Boilerplate:經過使用 HTML 模版插件，
你就擺脫了爲 HTML 新文件從新編寫頭部和正文標籤的苦惱。
你只需在空文件中輸入 html，並按 Tab 鍵，便可生成乾淨的文檔結構

9)Color Info:這個便捷的插件，將爲你提供你在 CSS 中使用顏色的相關信息。
你只需在顏色上懸停光標，就能夠預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了

10)Live Server:模擬服務器，能夠使用http協議打開頁面
Preview on WebServer:模擬服務器，能夠使用http協議打開頁面

11)Vetur:VScode中的VUE工具
12)Vue snippets：Vue的提示插件
13)vue 2 snippets：Vue2的提示插件
14) Vue VSCode Snippets

15)relative path：相對路徑的書寫
使用方法：1）安裝relative path插件
2）在須要書寫相對路徑的文件中經過快捷鍵ctrl+shift+h,調出文件搜索面板
3）在文件在文件搜索面板中搜索出對應的文件，將光標放置在須要設置路徑的文件處，選中所要設置的文件便可、

16）路徑轉換插件：Path Tools
使用方法：1）安裝Path Tools
2）選中工做區中的文件，右擊複製文件路徑
3）將文件路徑填寫到對應的位置
4）選中所填寫的文件路徑，安裝快捷鍵ctrl+shift+p（或快捷鍵F1）調出命令面板
5）在命令面板中輸入
path Tools: Relative: 將路徑轉換爲相對於當前文件的相對路徑.
Resolve: 將路徑轉換爲完整路徑.
Windows:將路徑轉化爲windows操做系統的完成路徑.

 

Angular相關插件：
16)Angular 1 JavaScript and TypeScript Snippets for VS Code
17)Angular1 snippets for shark template

React相關插件
18)React/Redux/react-router Snippets
19）Simple React Snippets
20）Atom JavaScript Snippet
21) Reactjs code snippets

VScode中全部插件都有對應使用文檔，只需搜索到對應插件後點擊就可查看