vs code

vs code（Visual Studio Code）是微软在2015年4月30日正式推出的一款 免费、开源、跨平台 的编辑器，可支持：Mac、Windows、Linux操作系统。

对编程开发者来说，vs code通过安装各种插件可以快速搭建各种开发环境：Java、C#、C++、前端、Python等。除此之外，他操作简洁方便，越来越受人追捧。

1. 下载安装

下载地址：https://code.visualstudio.com/

注意：下载完成后，Mac用户解压文件并可直接运行使用，建议把文件拷贝到【应用程序中】，便于以后使用。

2. 首次运行

运行 vs code时，默认会展示欢迎界面，在欢迎界面上会有有些常见功能的区域以供选择。

默认打开vscode都会展示这个界面，如果不想展示则可以把【Show welcome page on startup】前面的选项去掉即可。

3. 安装插件

vs code本身只是一个编辑器，在里面需要安装各种插件，才能体现他的强大的威力。

3.1 汉化插件

默认vs code的界面及菜单都是英文，对于因为不太好的同学来讲会比较难受，那么vs code的中文包对你来说就是福音了。

安装并重启vs code 之后，你的界面就变成中文的了…

3.2 python插件

在vs code中安装python插件，可以让我们更方便的编写python代码。

注意：安装的不是python解释器，只是vscode的一个支持python的插件。

4. 编写python代码

在 vs code 中安装好以上插件之后，就可以进行python程序的编写了。

4.1 创建项目（文件夹）

一般我们开发的程序都会放在特定的文件夹，所以首先应该创建或打开一个文件夹，然后再写代码。

4.2 创建文件（写代码）

在打开的项目（文件夹）中创建一个 .py 文件，然后写代码。

注意：写代码时候会有智能提示。

4.3 运行代码

运行已编写完成的python代码，默认会使用电脑已安装且已加入环境变量的Python解释器。

4.4 更换解释器

vs code在运行python代码时，会使用系统默认的解释器来执行。如果先要改变可以点击左下角的解释器提示进行更换。

注意：也可以通过快捷键Ctrl + Shift + P，然后找到选择解释器菜单，进行选择。

更换后，再次按照【4.3步骤】运行代码，就可以了…

5 便捷工具

按照上面操作和配置，其实已经可以进行正常的写程序了，但 vs code 还为我们提供了众多方便的功能让我们来使用，以便提升开发效率。

5.1 pep8格式化代码

平时开发过程中可能会出现未遵循pep8规范的情景，vs code为我们提供了自动格式化的工具。即：在编写代码界面按快捷键：Alt + Shift + F ，首次运行需要先安装autopep8模块。

5.2 配置

vs code中支持两种级别的配置：

• 用户，应用到所有项目的配置（相当于全局配置）
• 工作区，仅应用到当前项目的配置（相当于当前项目的局部变量）

注意：还有两种方式打开配置：1. 快捷键 Ctrl + , （Mac用户Command + ，）；2. 点击界面左下角的齿轮。

通过配置可以修改界面相关的所有相关数据，例如：

• 显示文字大小
• 界面主题
• Tag制表符代表的空格数
• 隐藏显示文件
• 等等等…

5.3 虚拟环境

常见Python中创建虚拟环境有两种工具：

• venv，Python3.3版本后官方解释器内置的管理虚拟环境工具。
• virtualenv，第三方的一个虚拟环境工具。

第一步：根据系统解释器创建虚拟环境

1. 要拷贝的系统解释器 -m venv 虚拟环境名称

第二步：切换并激活虚拟环境。

切换之后，重新打开终端，则终端也会自动激活虚拟环境。

注意：如果想要亲自修改解释器或虚拟环境的路径，可以在settings.json中修改。

5.4 搭建Django环境

在vs code 中如果想要搭建django开发环境，需要结合django相关的命令来进行操作。

第一步：创建项目，即：其实就是创建一个文件夹。

分别在 vs code上的选择：【文件】 -> 【打开】，然后指定的位置创建一个文件夹 并选择打开，如：

第二步：创建虚拟环境，进入虚拟环境，在终端安装django

• 分别执行命令

  1. python3.8 -m venv .venv

• 快捷键Ctrl + Shift + P，然后找到选择解释器菜单，选择此虚拟环境。

• 新建终端并进行虚拟环境，安装django

  1. pip3 install django

第三步：创建django项目和应用

第四步：运行django

• 方式一：终端直接命令运行
  1. python manage.py runserver

• 方式二：配置Debug运行

  

  

至此，在vs code 中配置django的开发环境就完成了，享受的django开发之旅吧！！！

5.5 搭建Flask开发环境

其实搭建flask和django是同样的方式，学会django之后，flask也变的比较简单了。
第一步：同django
第二步：同django
第三步：flask直接创建文件并写入相关代码即可。
第四步：

• 直接运行
  1. python app.py
  2. # 或
  3. flask run app.py
• 配置debug运行（生成Flask的 launch.json）
  

附赠：所有快捷键

VS Code 快捷键大全：（macOS，Windows，Linux）。