一:VSCode簡介
VSCode（ Visual Studio Code）是微軟出的一款輕量級代碼編輯器 ，重要的是它在Windows, OS X 和Linux操作系統的桌面上均可運行。Visual Studio Code內置了對JavaScript, TypeScript和Node.js語言的支持，並且為其他語言如C++, C#, Python, PHP等提供了豐富的擴展庫和運行時。
二:VSCode安裝
1.安裝
官網下載: https://code.visualstudio.com/
2.推薦插件安裝
- HTML Snippets : H5代碼片段以及提示
- HTML CSS Support : 讓 html 標簽上寫class 智能提示當前項目所支持的樣式 新版已經支持scss文件檢索
- Debugger for Chrome : 讓 vscode 映射 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點調試
- vetur : vue框架所需的插件 語法高亮、智能感知、Emmet等
- VueHelper : snippet代碼片段
- Auto Close Tag : 自動補全關閉標簽
- Auto Rename Tag : 自動重命名標簽
- Beautify : HTML、CSS、JS、JSON SASS語法高亮,格式化代碼的工具,ctrl+shift+p輸入beautify就有提示。
- Better Comments : 不同的注釋顯示不同的顏色, *, ?, ! 注釋顏色是不同的
- Bracket Pair Colorizer : 對應括號顯示同樣的顏色.
- Code Runner : 運行js文件工具, ctrl+alt+n 就可以運行文件,系統自動調用node運行文件
- Document This : ctrl+alt+D,兩次.文檔注釋(/** tab)
- JavaScript(ES6) code snippets : es6代碼自動補全
- jQuery Code Snippets : jquery代碼自動補全,如 jqAjax生成ajax代碼
- Node.js Modules IntelliSense : 提供JavaScript 和 TypeScript導入聲明時自動補全
- Path Autocomplete :路徑補全工具
- Project Manager : 項目管理工具
- vscode-icons : 文件圖標主題
- markdown使用 : 新建md文件,ctrl+shift+v可邊寫邊預覽
3.配置菜單
點擊菜單: 文件--勾選自動保存
窗口字體縮放: ctrl + -, ctrl + +