vscode在ubuntu下安装插件，同时配置python虚拟环境、ctrl+鼠标滚轮放大代码窗口设置
2017-08-26 10:53
1931 查看
linux下vs code 两大问题：
1、无法在code中切换虚拟环境
2、文件夹有时候会莫名其妙打不开，似乎和文件夹的命名有关系。
已弃坑，不再使用。
------------------------------------------------------------------------------------------
deb包的下载地址是：
https://code.visualstudio.com/docs?start=true
部分内容原创，部分内容转载。
把我觉得网上有用的一些配置文章自己消化了下，然后进行了总结。
不是单纯转载，下面的一些操作自己都验证过了。
一、Python相关插件
使用Ctrl+Shift+P弹出顶栏后输入ext install python，会列出可以安装的插件，输入Python后是Python开发相关的插件，选中插件按下回车即可自动安装，主要插件有：
Python
MagicPython
Python for VSCode
Python autopep8
pylint
flake8
以及 Backspace-plusplus 用于将4个空格作为一个tab
vscode-icons
Python Extended
安装以上插件之后就可以进行Python开发了，以下是安装的插件
二、配置python虚拟环境:、
在终端先激活virtualenv虚拟环境，然后输入命令：
code
启动 VS Code，这个时候所使用的版本就是虚拟环境的版本，但是这种方法，我感觉不是太好。
网上Ctrl+shift+p然后改.json文件在ubuntu下面的vs code试了很多遍，无效，生效的朋友请在博客留言中指出，谢谢。
后续补充：
采用了一种折中的办法
gedit ~/.bashrc
加入以下两句
alias vsc27="/home/appleyuchi/pythonVSC/python2.7.sh"
alias vsc35="/home/appleyuchi/pythonVSC/python3.5.sh"
然后在/home/appleyuchi/pythonVSC分别放置python2.7.sh和python3.5.sh
python2.7.sh的全部内容是：
#!/bin/bash
source /home/appleyuchi/.virtualenvs/python2.7/bin/activate && code
python3.5.sh的全部内容是：
#!/bin/bash
source /home/appleyuchi/.virtualenvs/python3.5/bin/activate && code
然后
chmod u+x python3.5.sh
chmod u+x python2.7.sh
然后重启终端
启动终端，输入vsc27就可以直接启动版本为2.7的python虚拟环境
启动终端，输入vsc35就可以直接启动版本为3.5的python虚拟环境
VS code中检测当前所使用python的版本是否来自虚拟环境，运行以下python代码即可：
import sys
print(sys.prefix)
print(sys.executable)
运行后会得到
[Running] python "/home/appleyuchi/PycharmProjects/csdn_blog_codes/hello.py"
/home/appleyuchi/.virtualenvs/python2.7
/home/appleyuchi/.virtualenvs/python2.7/bin/python
[Done] exited with code=0 in 0.04 seconds
以上就表明来自虚拟环境了。
后来问了十几个python QQ群，绝大部分都没有回答，只有一个群里的一位网友说，vs code里面没法直接切换虚拟环境。
再后来，我做成了快捷方式，也就是linux下面的启动器
xfce4环境下，右键点击VS code在桌面上的图标，选择编辑启动器，如下：
这样双击后就可以直接进入相对应的虚拟环境了，可以用上面提供的python代码来验证当前是哪个python版本，来自于哪个虚拟环境
以上相关配置文件和图标等已经上传到网盘：
https://pan.baidu.com/s/1i4DKwmT
vs code方面，python相关的吐槽网址是：
https://github.com/DonJayamanne/pythonVSCode/issues/1186
为了详细备份起见，其中一个VS code for python的启动器的内容是：
三、运行程序防止按两次F5，修改launch.json的stopOnEntry=false
这里千万注意不是~/.vscode下面的那一堆launch.json文件,碰那些文件是没用的。
先选择最左边那个圆圈，然后选择中间一列（也就是第二列）的那个齿轮，这样右侧的launch.json就会弹出来了。
但是第二列的齿轮默认是不显示的，只有在vs code中导入一个文件夹以后，这个齿轮才会显示。
修改如下：
那么这个弹出来的launch.json文件的具体路径到底在哪里呢？
这个文件是在工程文件夹（也就是前面说过要先导入一个文件夹）下面自动生成的.vscode中的，具体路径怎么看？
首先上图中的1处右键下拉菜单中选择：
Reveal in SideBar
然后左侧的2处的下拉菜单中选择Copy Path，
这个时候launch.json路径已经在剪贴板中了，
任意打开一个编辑器，按下鼠标中键，路径就出现了，我这里的路径是：
/home/appleyuchi/PycharmProjects/python/csdn_blogs_code/.vscode/launch.json
上面的csdn_blogs_code是工程文件夹名字。
总结下这个launch.json：
vscode至少会在两处生成.vscode文件夹子，一处在~/.vscode中，一处在 工程文件夹/.vscode中，
我们需要修改的launch.json在“工程文件夹/.vscode”中，而不在”~/.vscode“中，这点一定要搞清楚。
四、运行代码时的用法，代码界面，按一下F5就可以运行了，不设置launch.json的话，F5要按两下
上图右下方中，“调试控制台”用来输出print的信息，而“问题”用来输出程序报错
五、
ctrl+鼠标滚轮放大代码窗口设置
/home/appleyuchi/.config/Code/User
编辑settings.json,加上
"editor.mouseWheelZoom": true即可
我自己的settings.json全文如下：
注意这个快捷键设置不是在keybindings.json文件中，千万不要去碰这个文件，不会有效果的，鼠标滚轮放大功能一定是在settings.json中增加
请看清楚上面，记得不要少逗号，同样地，如果最后一句是在花括号前，那么就要去掉逗号。
六、去除绿色的波浪线（这个自己试了下，好像没啥效果，不知道为啥）
上面第三条的意思其实时，disable=后面的内容都删除，然后改成
disable=W,C
即可
七、在visual studio code中同时运行两种代码，比如想运行c++,也想运行python，想要一个界面就够了，安装code-runner就行
然后ctrl+alt+n即可分别运行语言种类不同的代码，，例如先运行C++，再运行python，效果如下：
八、如果運行代碼的時候，發現右下角沒有輸出窗口，可以點擊vs code左下角的帶有感嘆號的三角形，這樣代碼輸出窗口就可以顯示出來了。
四、运行代码时的用法，代码界面，按一下F5就可以运行了，不设置launch.json的话，F5要按两下
上图右下方中，“调试控制台”用来输出print的信息，而“问题”用来输出程序报错
五、
ctrl+鼠标滚轮放大代码窗口设置
/home/appleyuchi/.config/Code/User
编辑settings.json,加上
"editor.mouseWheelZoom": true即可
我自己的settings.json全文如下：
注意这个快捷键设置不是在keybindings.json文件中，千万不要去碰这个文件，不会有效果的，鼠标滚轮放大功能一定是在settings.json中增加
请看清楚上面，记得不要少逗号，同样地，如果最后一句是在花括号前，那么就要去掉逗号。
六、去除绿色的波浪线（这个自己试了下，好像没啥效果，不知道为啥）
上面第三条的意思其实时，disable=后面的内容都删除，然后改成
disable=W,C
即可
七、在visual studio code中同时运行两种代码，比如想运行c++,也想运行python，想要一个界面就够了，安装code-runner就行
然后ctrl+alt+n即可分别运行语言种类不同的代码，，例如先运行C++，再运行python，效果如下：
八、如果運行代碼的時候，發現右下角沒有輸出窗口，可以點擊vs code左下角的帶有感嘆號的三角形，這樣代碼輸出窗口就可以顯示出來了
九、如果觉得输出窗口太乱的话，想清理一下的话，可以按下下图中的这个按钮：
十、如果用vs code无法打开一个文件夹的话，或者打开只有文件夹中的一部分文件的话，那么，给这个文件夹换个名字就可以了。
补充：后来发现，是因为我在ubuntu的多个workspace（也就是虚拟多桌面）打开了多个vs code，打不开一个文件夹是因为这个文件夹在另外一个vs code中已经被打开了。
后面还是发现有无法打开一个文件夹的情况，是个很莫名其妙的bug，碰到这种情况，我想了个办法：
可以选择打开文件，然后按住shift，一次性选中该文件夹下所有文件，这样就等效于打开整个文件夹了。
还有一个办法是打不开这个文件夹的时候，就打开这个文件夹的上层文件夹，这样就连带这个文件夹一起打开了。
十一、如果不小心把工具栏隐藏了，把
shift+ctrl+p 切换出命令行，然后输入menu
有个view:toggle Menu bar 点击一下就能恢复了。
十二、
目前我安装的包总共有30个：
backspace-plusplus
C/C++
C/C++ Clang Command Adapter
C/C++ Snippets
C/Cpp Snippets
C++ Algorithm Mnemonics
C++ Intellisense
Code Runner
code-python-isort
Dracula Extended Theme
Django Snippets
Django Template
Jinja
Jupyter
MagicPython
Prometheus Client Python Snippets
Python
Python Coding Tools
Python Editing Terminal
Python Extended
Python Extension Pack
Python for VSCode
Python Paste And Indent
python traceback jumper
Python-autopep8
python-snippets
Reloaded C/C++
VSCode Great Icons
vscode-flake8
vscode-icons
vscode-pdf（必须reload才行）
Graphviz(dot)language support for Visual Studio Code
Graphviz Preview
十三、激活文件列表左侧的大图标，效果见左下方
非常好看对吧，这个是vscode-icons插件的效果，安装后需要reload，
然后Ctrl+shift+p，选择激活Icons：激活VSCode icons
才会最终生效
另外对于vscode需要重启这个事情，其实也可以不重启，直接Ctrl+shift+p，然后输入reload即可。
下面这个链接是vs code吐槽的地方,很多方案可以作为参考:
https://github.com/Microsoft/vscode/issues
1、无法在code中切换虚拟环境
2、文件夹有时候会莫名其妙打不开，似乎和文件夹的命名有关系。
已弃坑，不再使用。
------------------------------------------------------------------------------------------
deb包的下载地址是：
https://code.visualstudio.com/docs?start=true
部分内容原创，部分内容转载。
把我觉得网上有用的一些配置文章自己消化了下，然后进行了总结。
不是单纯转载，下面的一些操作自己都验证过了。
一、Python相关插件
使用Ctrl+Shift+P弹出顶栏后输入ext install python，会列出可以安装的插件，输入Python后是Python开发相关的插件，选中插件按下回车即可自动安装，主要插件有：
Python
MagicPython
Python for VSCode
Python autopep8
pylint
flake8
以及 Backspace-plusplus 用于将4个空格作为一个tab
vscode-icons
Python Extended
安装以上插件之后就可以进行Python开发了，以下是安装的插件
二、配置python虚拟环境:、
在终端先激活virtualenv虚拟环境，然后输入命令：
code
启动 VS Code，这个时候所使用的版本就是虚拟环境的版本，但是这种方法，我感觉不是太好。
网上Ctrl+shift+p然后改.json文件在ubuntu下面的vs code试了很多遍，无效，生效的朋友请在博客留言中指出，谢谢。
后续补充：
采用了一种折中的办法
gedit ~/.bashrc
加入以下两句
alias vsc27="/home/appleyuchi/pythonVSC/python2.7.sh"
alias vsc35="/home/appleyuchi/pythonVSC/python3.5.sh"
然后在/home/appleyuchi/pythonVSC分别放置python2.7.sh和python3.5.sh
python2.7.sh的全部内容是：
#!/bin/bash
source /home/appleyuchi/.virtualenvs/python2.7/bin/activate && code
python3.5.sh的全部内容是：
#!/bin/bash
source /home/appleyuchi/.virtualenvs/python3.5/bin/activate && code
然后
chmod u+x python3.5.sh
chmod u+x python2.7.sh
然后重启终端
启动终端，输入vsc27就可以直接启动版本为2.7的python虚拟环境
启动终端，输入vsc35就可以直接启动版本为3.5的python虚拟环境
VS code中检测当前所使用python的版本是否来自虚拟环境，运行以下python代码即可：
import sys
print(sys.prefix)
print(sys.executable)
运行后会得到
[Running] python "/home/appleyuchi/PycharmProjects/csdn_blog_codes/hello.py"
/home/appleyuchi/.virtualenvs/python2.7
/home/appleyuchi/.virtualenvs/python2.7/bin/python
[Done] exited with code=0 in 0.04 seconds
以上就表明来自虚拟环境了。
后来问了十几个python QQ群，绝大部分都没有回答，只有一个群里的一位网友说，vs code里面没法直接切换虚拟环境。
再后来，我做成了快捷方式，也就是linux下面的启动器
xfce4环境下，右键点击VS code在桌面上的图标，选择编辑启动器，如下：
这样双击后就可以直接进入相对应的虚拟环境了，可以用上面提供的python代码来验证当前是哪个python版本，来自于哪个虚拟环境
以上相关配置文件和图标等已经上传到网盘：
https://pan.baidu.com/s/1i4DKwmT
vs code方面，python相关的吐槽网址是：
https://github.com/DonJayamanne/pythonVSCode/issues/1186
为了详细备份起见，其中一个VS code for python的启动器的内容是：
#!/usr/bin/env xdg-open [Desktop Entry] Name=Visual Studio Code For Python2.7 Comment=Code Editing. Redefined. GenericName=Text Editor Exec=/home/appleyuchi/pythonVSC/python2.7.sh Icon=code Type=Application StartupNotify=false StartupWMClass=Code Categories=Utility;TextEditor;Development;IDE; MimeType=text/plain;inode/directory; Actions=new-window; Keywords=vscode; X-Desktop-File-Install-Version=0.22 Path= Terminal=false [Desktop Action new-window] Name=New Window Name[de]=Neues Fenster Name[es]=Nueva ventana Name[fr]=Nouvelle fenêtre Name[it]=Nuova finestra Name[ja]=新規ウインドウ Name[ko]=새 창 Name[ru]=Новое окно Name[zh_CN]=新建窗口 Name[zh_TW]=開新視窗 Exec=/usr/share/code/code --new-window %F Icon=code
三、运行程序防止按两次F5，修改launch.json的stopOnEntry=false
这里千万注意不是~/.vscode下面的那一堆launch.json文件,碰那些文件是没用的。
先选择最左边那个圆圈，然后选择中间一列（也就是第二列）的那个齿轮，这样右侧的launch.json就会弹出来了。
但是第二列的齿轮默认是不显示的，只有在vs code中导入一个文件夹以后，这个齿轮才会显示。
修改如下：
那么这个弹出来的launch.json文件的具体路径到底在哪里呢？
这个文件是在工程文件夹（也就是前面说过要先导入一个文件夹）下面自动生成的.vscode中的，具体路径怎么看？
首先上图中的1处右键下拉菜单中选择：
Reveal in SideBar
然后左侧的2处的下拉菜单中选择Copy Path，
这个时候launch.json路径已经在剪贴板中了，
任意打开一个编辑器，按下鼠标中键，路径就出现了，我这里的路径是：
/home/appleyuchi/PycharmProjects/python/csdn_blogs_code/.vscode/launch.json
上面的csdn_blogs_code是工程文件夹名字。
总结下这个launch.json：
vscode至少会在两处生成.vscode文件夹子，一处在~/.vscode中，一处在 工程文件夹/.vscode中，
我们需要修改的launch.json在“工程文件夹/.vscode”中，而不在”~/.vscode“中，这点一定要搞清楚。
四、运行代码时的用法，代码界面，按一下F5就可以运行了，不设置launch.json的话，F5要按两下
上图右下方中，“调试控制台”用来输出print的信息，而“问题”用来输出程序报错
五、
ctrl+鼠标滚轮放大代码窗口设置
/home/appleyuchi/.config/Code/User
编辑settings.json,加上
"editor.mouseWheelZoom": true即可
我自己的settings.json全文如下：
// Place your settings in this file to overwrite the default settings
{
// Configure glob patterns for excluding files and folders.
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"*.pyc": true,
"*.pyo" : true,
"__pycache__" : true,
"python.linting.flake8Enabled": true,
"python.formatting.provider": "yapf"
},
"python.pythonPath": "/home/appleyuchi/.virtualenvs/python2.7/bin/python2.7",
"window.zoomLevel": 3,
"editor.fontSize": 14,
"workbench.iconTheme": "vscode-icons",
"editor.mouseWheelZoom": true
} 注意这个快捷键设置不是在keybindings.json文件中，千万不要去碰这个文件，不会有效果的，鼠标滚轮放大功能一定是在settings.json中增加
,"editor.mouseWheelZoom": true
请看清楚上面，记得不要少逗号，同样地，如果最后一句是在花括号前，那么就要去掉逗号。
六、去除绿色的波浪线（这个自己试了下，好像没啥效果，不知道为啥）
上面第三条的意思其实时，disable=后面的内容都删除，然后改成
disable=W,C
即可
七、在visual studio code中同时运行两种代码，比如想运行c++,也想运行python，想要一个界面就够了，安装code-runner就行
然后ctrl+alt+n即可分别运行语言种类不同的代码，，例如先运行C++，再运行python，效果如下：
八、如果運行代碼的時候，發現右下角沒有輸出窗口，可以點擊vs code左下角的帶有感嘆號的三角形，這樣代碼輸出窗口就可以顯示出來了。
四、运行代码时的用法，代码界面，按一下F5就可以运行了，不设置launch.json的话，F5要按两下
上图右下方中，“调试控制台”用来输出print的信息，而“问题”用来输出程序报错
五、
ctrl+鼠标滚轮放大代码窗口设置
/home/appleyuchi/.config/Code/User
编辑settings.json,加上
"editor.mouseWheelZoom": true即可
我自己的settings.json全文如下：
// Place your settings in this file to overwrite the default settings
{
// Configure glob patterns for excluding files and folders.
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"*.pyc": true,
"*.pyo" : true,
"__pycache__" : true,
"python.linting.flake8Enabled": true,
"python.formatting.provider": "yapf"
},
"python.pythonPath": "/home/appleyuchi/.virtualenvs/python2.7/bin/python2.7",
"window.zoomLevel": 3,
"editor.fontSize": 14,
"editor.mouseWheelZoom": true
}注意这个快捷键设置不是在keybindings.json文件中，千万不要去碰这个文件，不会有效果的，鼠标滚轮放大功能一定是在settings.json中增加
,"editor.mouseWheelZoom": true
请看清楚上面，记得不要少逗号，同样地，如果最后一句是在花括号前，那么就要去掉逗号。
六、去除绿色的波浪线（这个自己试了下，好像没啥效果，不知道为啥）
上面第三条的意思其实时，disable=后面的内容都删除，然后改成
disable=W,C
即可
七、在visual studio code中同时运行两种代码，比如想运行c++,也想运行python，想要一个界面就够了，安装code-runner就行
然后ctrl+alt+n即可分别运行语言种类不同的代码，，例如先运行C++，再运行python，效果如下：
八、如果運行代碼的時候，發現右下角沒有輸出窗口，可以點擊vs code左下角的帶有感嘆號的三角形，這樣代碼輸出窗口就可以顯示出來了
九、如果觉得输出窗口太乱的话，想清理一下的话，可以按下下图中的这个按钮：
十、如果用vs code无法打开一个文件夹的话，或者打开只有文件夹中的一部分文件的话，那么，给这个文件夹换个名字就可以了。
补充：后来发现，是因为我在ubuntu的多个workspace（也就是虚拟多桌面）打开了多个vs code，打不开一个文件夹是因为这个文件夹在另外一个vs code中已经被打开了。
后面还是发现有无法打开一个文件夹的情况，是个很莫名其妙的bug，碰到这种情况，我想了个办法：
可以选择打开文件，然后按住shift，一次性选中该文件夹下所有文件，这样就等效于打开整个文件夹了。
还有一个办法是打不开这个文件夹的时候，就打开这个文件夹的上层文件夹，这样就连带这个文件夹一起打开了。
十一、如果不小心把工具栏隐藏了，把
shift+ctrl+p 切换出命令行，然后输入menu
有个view:toggle Menu bar 点击一下就能恢复了。
十二、
目前我安装的包总共有30个：
backspace-plusplus
C/C++
C/C++ Clang Command Adapter
C/C++ Snippets
C/Cpp Snippets
C++ Algorithm Mnemonics
C++ Intellisense
Code Runner
code-python-isort
Dracula Extended Theme
Django Snippets
Django Template
Jinja
Jupyter
MagicPython
Prometheus Client Python Snippets
Python
Python Coding Tools
Python Editing Terminal
Python Extended
Python Extension Pack
Python for VSCode
Python Paste And Indent
python traceback jumper
Python-autopep8
python-snippets
Reloaded C/C++
VSCode Great Icons
vscode-flake8
vscode-icons
vscode-pdf（必须reload才行）
Graphviz(dot)language support for Visual Studio Code
Graphviz Preview
十三、激活文件列表左侧的大图标，效果见左下方
非常好看对吧，这个是vscode-icons插件的效果，安装后需要reload，
然后Ctrl+shift+p，选择激活Icons：激活VSCode icons
才会最终生效
另外对于vscode需要重启这个事情，其实也可以不重启，直接Ctrl+shift+p，然后输入reload即可。
下面这个链接是vs code吐槽的地方,很多方案可以作为参考:
https://github.com/Microsoft/vscode/issues
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Ubuntu操作系统下Python虚拟环境Pipenv的安装和配置
- 基于eclipse的python开发平台的安装配置和代码编写环境主题设置
- Windows下硬盘安装Ubuntu之三－－ubuntu下android开发环境配置及常用设置
- 转载：Ubuntu 12.04下安装配置Python 2.7集成开发环境Eric4
- Ubuntu下安装配置python3.2.3集成开发环境Eric5
- SublimeText 2 python开发环境配置以及好用的插件安装
- Ubuntu下安装配置Python 3.2.3集成开发环境Eric5
- python编程中在ubuntu中安装虚拟环境及环境配置
- 在Eclipse中手动安装pydev插件，eclipse开发python环境配置
- ubuntu下python的虚拟环境设置
- Ubuntu 14.04安装Sublime Text 2并配置python环境
- python eclipse 插件安装 及BeautifulSoup requests selenium在线安装 PhantomJS 安装 环境配置
- Eclipse Python开发环境配置（PyDev插件安装）
- ubuntu pyhton环境下安装和配置mysql及MySQL-python
- Ubuntu 12.04下安装配置Python 2.7集成开发环境Eric4
- svn代码合并方式、Android中关于时间、Svn环境配置、eclipse多个插件安装
- python2.7，Ubuntu14.04环境下pip安装插件，cffi插件出现一下错误解决办法。
- Ubuntu 12.04下安装配置Python 2.7集成开发环境Eric4
- ubuntu下Python虚拟环境的安装、激活、退出
- eclipse安装PyDev插件——python开发环境配置(win7下)