后台代码推荐工具
pyCharm
下载安装
官方下载地址：
pyCharm目前来讲是我用最顺手的，推荐使用。
根据自己的需求选择合适的版本下载，花钱的肯定更好用。我就只好选择Comunity社区版本了，需要用的功能基本都能满足。此处忽略安装过程.......
安装过程可以参考：
推荐配置项
mac配置入口：pyCharm->Performances
1.配置python文件模板，在创建pyton文件时可以默认加上# -*- coding: UTF-8 -*-，加上这个可以规避python文件中有中文字符时，部署应用到服务器上报错的问题。（不添加默认编码本地运行不会报错，python3以上已经支持了中文字符。）
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——输入新名字，即可牵一发而动全身，把引用该内容的地方全部改名。复制代码
以上内容参考：
- 代码检查
在需要检查的文件里面使用快捷键，可以扫描出一些错误，根据实际情况做代码修改调整
前端工具
VisualStudio Code
下载安装
官网下载地址:
安装过程此处忽略，下面介绍几个常用的插件。
配置中文界面
1.进入扩展界面搜索Chinese并安装中文语言包
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
下载安装
官方下载地址：
本项目使用的sqlite，使用Navicat可以很方便的操作数据库，可以直接打开DB文件操作，效果图如下：
下期介绍项目结构