基于python flask编写测试平台系列之·（2）开发工具介绍

后台代码推荐工具

pyCharm

下载安装

官方下载地址：www.jetbrains.com/pycharm/dow…

pyCharm目前来讲是我用最顺手的，推荐使用。

根据自己的需求选择合适的版本下载，花钱的肯定更好用。我就只好选择Comunity社区版本了，需要用的功能基本都能满足。此处忽略安装过程.......

安装过程可以参考：www.cnblogs.com/dcpeng/p/90…

推荐配置项

mac配置入口：pyCharm->Performances

1.配置python文件模板，在创建pyton文件时可以默认加上# -*- coding: UTF-8 -*-，加上这个可以规避python文件中有中文字符时，部署应用到服务器上报错的问题。（不添加默认编码本地运行不会报错，python3以上已经支持了中文字符。）

2.快捷键设置，此处可以根据个人使用习惯设置常用快捷键，提高编码效率。

inspect Code建议设置上快捷键，做代码今天检查使用的，能提前发现并解决代码问题。

3.平时需要用到的快捷操作如下（mac环境，相关的快捷键可能存在差异）：

• 查看源码

按住command+单击，可以进入一个函数、类的定义处，阅读源码可以帮你快速理解一个变量、一个函数的作用。
复制代码

• 代码格式

command+option+L，快速整理凌乱的代码，自动进行缩进、对齐（新版本pyCharm使用PEP8代码风格）。
复制代码

代码编写过程中，建议经常格式化代码，

• 在整个项目中寻找文件、类、方法

command+shift+O呼出搜索框，输入要查找的内容关键字、名称即可。
复制代码

• 快速注释与取消注释

command+／
复制代码

• 快速插入常用代码

command+J  可以弹出经常使用的方法代码、代码模版，选择即可快速插入。
复制代码

• 快速运行、调试

control+R 快速运行

control+D 快速调试
复制代码

• 查找当前文件内容并替换

command+R 可以查找内容，并且批量修改。
复制代码

• 选择多行

按住shift+上下键 可以选择多行，再按tab键可以添加多行缩进。
复制代码

• 收缩、展开代码

command shift -  收缩全部代码

command shift +  展开全部代码

command -  收缩当前代码块

command +  展开当前代码块
复制代码

• 查看函数调用层级

鼠标光标悬停在函数名处——点击菜单栏上的Navigate——点击 Call Hierarchy——在弹出的选项卡中依次展开，查看函数的调用层级。
复制代码

• 查看函数文档

光标停留到函数名处——F1 查看函数定义文档
复制代码

• 查看调用函数的参数信息

在调用其他函数时，如果忘了需要传入什么参数，可以直接 command+P 获得参数提示。
复制代码

• 搜索项目所有内容

Search Everywhere 功能是Pycharm的隐藏功能，我们需要先进行为它赋予快捷键：

preference——KeyMap——搜索“Search Everywhere”——右键它，“Add Keyboard Shortcut”——输入一个没用过的快捷键组合，比如我使用“control+command+S”

之后，就可以通过这个快捷键呼出搜索框，输入要搜索的内容即可查找项目中的文件、变量、类、方法，甚至设置。
复制代码

• 调试

在要调试的文件处打断点——在菜单栏点击：Run——移到Debug，会弹出选项，选择要调试的文件——点击要调试的文件后，就会运行该文件——然后在下方Debugger页面可以控制程序的步进执行，并且看到函数栈帧以及该函数內的变量值——Console选项卡则可以观察控制台输出信息。
复制代码

• 改名

如果某文件、函数、类、方法、变量需要改名，可以选中要改名的内容，右键——Refactor——Rename——输入新名字，即可牵一发而动全身，把引用该内容的地方全部改名。
复制代码

以上内容参考：www.cnblogs.com/ygj0930/p/7…

• 代码检查

在需要检查的文件里面使用快捷键，可以扫描出一些错误，根据实际情况做代码修改调整

前端工具

VisualStudio Code

下载安装

官网下载地址:code.visualstudio.com/

安装过程此处忽略，下面介绍几个常用的插件。

配置中文界面

1.进入扩展界面搜索Chinese并安装中文语言包

2.Command +Shift +P快捷键 输入 configure display language配置本地语言,配置完成重启后，就显示中文界面了。

插件推荐

1.Auto Close Tag：自动补充html tag

2.Auto Rename Tag：修改tag是自动成对修改

3.Eslint：是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的，主要有两种方式来配置ESLint

4.Prettier - JavaScript formatter：格式化文件，方便查看

5.在设置里面建议把自动保存及，保存时自动格式化代码配置上

数据库

Navicat

下载安装

官方下载地址：www.navicat.com.cn/

本项目使用的sqlite，使用Navicat可以很方便的操作数据库，可以直接打开DB文件操作，效果图如下：

下期介绍项目结构