配置 · 開發資源集合

[TOC] # 官網 https://code.visualstudio.com/ https://vscodecandothat.com/ Public documentation for Visual Studio Code GIT：https://github.com/Microsoft/vscode-docs # 用戶設置 ```json // 將設置放入此文件中以覆蓋默認設置 { "editor.fontSize": 16, "editor.fontFamily": "Dank Mono, Microsoft YaHei Mono, Source_Code_Pro-YaHei Hybrid", "window.zoomLevel": 0.2, "editor.rulers": [100], "window.openFilesInNewWindow": false, "php.validate.executablePath": "D:/phpStudy/php56n/php.exe", //"view-in-browser.customBrowser": "D:\\Browser\\MyChrome_v3.6.2_x64\\MyChrome.exe", "sync.gist": "", "sync.lastUpload": null, "sync.autoDownload": false, "sync.autoUpload": false, "sync.lastDownload": null, "sync.version": 243, "sync.showSummary": true, "sync.forceDownload": false, "sync.workspaceSync": false, "sync.anonymousGist": false, "ActiveFileInStatusBar.revealFile": true, "code-runner.executorMap": { "html": "D:\\Browser\\MyChrome_v3.6.2_x64\\MyChrome.exe $dir$fileName" }, "code-runner.defaultLanguage": "javascript", "code-runner.saveFileBeforeRun": true } ``` # 其他問題匯總： # [使用jQuery智能提示](https://www.zhihu.com/question/47728271) 在你的項目根目錄添加一個 jsconfig.json 文件。內容為： ~~~ { "typeAcquisition": { "include": [ "jquery" ] } } ~~~ ## js、jsx 中的Emmet使用 ## VS code 編輯器（文件或者文件夾的右鍵打開菜單的顯示）解決的方式: 1. 可以自己重新安裝，然后選中選項。 2. 或者使用下面的cmd 修改注冊表（不熟悉的不推薦啊） vsCodeOpenFolder.reg 文件： ``` Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"="C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] @="\"C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click ON a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\shell\vscode] @="Open Folder as VS Code Project" "Icon"="\"C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\shell\vscode\command] @="\"C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click INSIDE a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode] @="Open Folder as VS Code Project" "Icon"="\"C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command] @="\"C:\\Program Files (x86)\\Microsoft VS Code\\Code.exe\" \"%V\"" ``` 注意 VSCODE的安裝路徑這里使用的是默認的 C:\\Program Files (x86)\\Microsoft VS Code\\ 你要換成你安裝的路徑才對。然后雙擊這個文件就行了，如果有問題就以管理員的身份運行。然后就可以使用了。 **refs:** [VS code 編輯器（文件或者文件夾的右鍵打開菜單的顯示）](http://blog.csdn.net/u010019717/article/details/52012993) ## VSCODE 不能拖拽打開文件或者文件夾問題【個人解決方案】環境系統：　Win10 10586 編輯器：　Ａtom 1.9+ （今天更新到1.9.5） / VSCODE(1.3+..現在更新到1.4了) 解決方案：罪魁禍首就是開啟了管理員運行 — 關閉了即可恢復 **Refs:** [VSCODE 不能拖拽打開文件或者文件夾問題【個人解決方案】](http://blog.csdn.net/crper/article/details/52135899) ## VScode 快捷鍵沖突 mac下的intellisense（智能提示），快捷鍵沖突修改： ```json { "key": "ctrl+/ ", "command": "editor.action.triggerSuggest", "when": "editorTextFocus" } ``` ## markdown 預覽樣式 vscode自帶的markdown 目錄：`D:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\markdown` 其中**media文件夾**下： * tomorrow.css 為預覽代碼高亮文件 * markdown.css 為預覽文件自定義樣式設置： ``` "markdown.styles": [ "file:///F:/markdown/markdown.css" ], ``` # VSCode自定義配色方案 https://www.cnblogs.com/liuyangfirst/p/9759966.html Vhttps://blog.csdn.net/u013506207/article/details/80529858 https://www.cnblogs.com/garvenc/p/vscode_customize_color_theme.html ## 編程字體 [FiraCode](https://github.com/tonsky/FiraCode) [Dank Mono](https://dank.sh/) Microsoft YaHei Mono Source_Code_Pro-YaHei Hybrid Consolas # 參考 [Visual Studio Code 最好的功能、插件和設置](http://www.css88.com/archives/8144) [Visual Studio Code 必備插件，主題及語法提示](http://www.css88.com/archives/8064)