首页 > 编程语言 > 详细

VScode中配置Python3开发环境

时间:2020-01-19 16:31:26      阅读:126      评论:0      收藏:0      [点我收藏+]

前言

2018年stackoverflow年度报告中,Visual Studio Code已经一跃成为2018年最火的代码编辑器。
详情链接可以查看:2018年stackoverflow年度报告

技术分享图片

作为一个紧跟前沿技术的测试。。。当然也要体验一下巨硬这款开源的编辑器。

下载安装

官网网址:https://code.visualstudio.com/

技术分享图片

系统不同下载框提示的文字不同,我的系统是MacOS

点击Download for Mac下载安装。

初次配置

安装vscode的过程,就不做赘述了。

安装完成打开后,会看到vscode的欢迎页面。But却是英文的。

点击左侧边栏插件管理 技术分享图片然后在搜索框搜索Chinese

技术分享图片

点击install 安装。

通篇提示:如果插件安装完成后vscode会提示你需要重新加载。点击重新加载之后这个插件才算安装成功

安装python插件,同样的在插件管理中搜索python

技术分享图片

搜索结果的第一个Microsoft出品的就是我们要安装的python插件,点击install 安装。

还有一个快捷安装python插件的方法,在最开始的欢迎页面,右上角工具和语言有一个点击python的地方。

技术分享图片

这里我已经安装过了,所以它是置灰的状态。

初次使用

确保电脑中已经安装了Python3

进入一个目录,随便一个目录。

比如我当前进入的目录是

~/VScode/web-demotest/docs

然后我们在当前的文件下创建一个python文件demo.py

技术分享图片

然后我们在文件中编写我们学习编程预言的第一句话hello world。

技术分享图片

可以看到图片中文件名后面跟了一个小白点,这个是当前文件没有保存的提示

当我们使用Ctrl+S保存之后,这个小白点就会消失了。

技术分享图片

我们在命令行中执行该文件:

  • 第一种执行方式

    hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$ python3 demo.py 
    hello world
    hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$ 
  • 第二种执行方式

    在当前文件中点击鼠标右键,选择在终端中运行python文件

    技术分享图片

    终端中会输出:

    hoou@houweixuandeMacBook-Air:~/VScode/web-demotest$ /usr/local/bin/python3 /Users/hoou/VScode/web-demotest/docs/demo.py
    hello world
    hoou@houweixuandeMacBook-Air:~/VScode/web-demotest$ 

    这就是vscode执行python文件的两种方式,推荐第一种。

插件安装

单纯的原生vscode并不能满足我们日常的需求,就想一个没有买装备的英雄,战斗力其实并不强。

vscode强大的插件生态系统,来满足我们的各种需求。

  • code runner——键运行文件的代码执行插件,只需在文件中右键然后点击run code

技术分享图片

  • filesize——在下方状态栏显示你当前文件大小的插件

技术分享图片

  • Git graph——显示当前仓库的提交信息等,主要是美观

技术分享图片

  • gitignore——快速添加 .gitignore

技术分享图片

  • guides——显示你当前缩进的插件,会将你所在的绘制成红色,提示性强

技术分享图片

  • 文件图标主题——个人最喜欢的文件图标主题,推荐大家使用

技术分享图片

  • view in browser——一键显示HTML文件在你的浏览器

技术分享图片

  • path intellisense——当前文件中路径补全提醒,很好用的

技术分享图片

  • Prettier - Code formatter——是一个自以为是的代码格式化程序。它通过解析代码并使用自己的规则(考虑最大行长)重新打印代码,从而实现一致的样式,并在必要时包装代码。

技术分享图片

  • bracket pair colorrizer 2——针对当前代码中的不同层级的括号,区分颜色显示,很实用

技术分享图片

  • Code Spell Checker——当前文件中的单词拼写检查,很实用

技术分享图片

  • output colorrizer——用于输出栏的显示颜色不同

技术分享图片

日常设置和使用

  • python代码智能补全——Jedi

技术分享图片

不要使用vscode的Visual Studio IntelliCode插件,该插件在智能提示时反应很慢,没有 Jedi好用

当前版本的VScode编辑器的代码提示和PycharmIDE不是一个层级的。但是VScode有他的优点,轻便,省内存。不同的项目,可以区分使用。
  • python环境切换

    在打开python文件的时候点击vscode编辑器左下角的这个

技术分享图片

或者是这个

技术分享图片

选择适用于你当前python文件的python环境

技术分享图片

  • 冗余文件隐藏

用vscode在python项目中,我们会很烦恼,平时在Pycharm中见不到的很多文件比如 .pyc 文件就会出现了

所以为了我们的视觉,不看花眼,我们要将他们隐藏起来,在下面这个选项可以新增隐藏文件的模式

技术分享图片

  • 主题皮肤

个人在用atom one dark theme感觉非常好看

技术分享图片

高级用法

前面说过VScode的代码智能提示不是很好。

现在我教大家怎么解决这个问题。

我们需要下载安装一个Kite软件。

官方网址:https://www.kite.com/

第一次打开登录的时候需要你输入一个邮箱 。

完成后会自动安装vscode插件。

然后可以在VScode中使用更智能的代码提示了。

如果没有自动安装请在插件市场中安装。

技术分享图片

这次的VScode开发环境配置就到这里,如果有什么疑问,欢迎进群交流。

喜欢python自动化测试或正在学习自动化测试的同学
欢迎加入我的QQ群:299524235(python自动化测试学习)

VScode中配置Python3开发环境

原文:https://www.cnblogs.com/wxhou/p/12213842.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!