🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[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 编辑器: Atom 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)