pycharm安装flask,
最近做了一个新项目，用MAC PyCharm Flask Vue.js搭建系统。本文将分享搭建步骤，有兴趣的可以看看。
目录
配置node.js nvm npmnpm交换机淘宝镜像安装Vue.js创建并运行Vue.js项目在线初始化离线运行项目src文件和函数解决打不开的问题配置Flask安装Flask
配置node.js+nvm+npm
访问github官方地址，根据官方文件安装Mac版nvm。点击这里。
建议在这里用nvm安装管理Node.js。
cURL:
curl-o-https://raw . githubusercontent . com/nvm-sh/nvm/v 0 . 35 . 2/install . sh bash
Wget:
wget-qO-https://raw . githubusercontent . com/nvm-sh/nvm/v 0 . 35 . 2/install . sh bash
安装nvm后，重启终端，然后安装Node.js:
nvm ls-远程
使用上面的命令查看远程节点版本，然后根据需要安装Nodejs的最新版本：
nvm安装15.3.0
您可以在安装完成后使用它。
nvm列表
要查看nodejs的安装版本，请使用
Nvm使用版本号
使用nodejs的相应版本。
nvm使用15.3.0
您可以使用以下命令查看当前节点版本
节点v
npm切换淘宝镜像
暂时的
使用的临时命令：
npm -注册表https://registry.npm.taobao.org安装快速
持久
使用以下命令：
npm配置集注册表https://registry.npm.taobao.org
配置完成后，您可以使用以下命令来获取当前配置。
npm配置获取注册表
安装Vue.js
这里我在我的node.js=15.3.0安装vue.js。
安装vue-cli脚手架搭建工具：
npm安装-g @vue-cli
npm install -g @vue/cli-init
安装后，输入以下命令验证安装是否成功：
vue-version//如果有版本号，证明安装成功。
安装webpack:
npm安装-g网络包
创建并运行Vue.js项目
在线初始化
使用cd命令进入项目目录，然后使用以下命令初始化项目(下载模板):
vue init webpack visProject
然后进入项目目录，安装项目依赖项，得到节点模块目录：
npm安装
离线方式
由于使用了上面的方法，所以在下载模板中总是显示，而这里使用的是webpack作为模板，所以我考虑使用离线的方法进行初始化。
首先下载webpack，可以在gitee下载。下载链接：点击这里
下载后，查找。vue-templates文件夹，如果没有，用下面的命令创建一个
mkdir。vue-模板
创建完成后，解压下载的文件，重命名为webpack，然后将文件夹放在这个目录下。然后返回到之前的目录，输入以下命令进行离线初始化：
vuinit web pack项目名称-脱机
初始化过程如下：
初始化后，使用以下命令将当前执行环境添加到node_modules文件夹中：
npm安装
运行项目
完成上述配置后，使用cd进入项目文件夹，并使用以下命令编译项目：
npm运行开发
编译后可以通过localhost访问提问。将出现以下页面，指示操作成功。
src文件以及作用
解决打不开的问题
因为默认的My 8080端口在这里被占用了，所以可以通过修改配置文件给它分配一个新端口来解决这个问题。
配置文件目录：~/config/index.js
将dev类别下端口对应的端口号修改为8083。
然后使用以下命令重新编译：
npm运行开发
配置Flask
这里用的IDE工具是：PyCharm。关于Python环境的构建，这里就不赘述了。网上有很多教程。
安装Flask
使用以下命令安装flask库：这里我使用Anaconda进行包管理。
康达安装烧瓶
但是，在这里，如果我使用PyCharm创建一个新项目，我可以选择直接创建一个flask项目，并选择如下：
在这种情况下，flask将自动安装在所选的解释器中。
我这里用的是前者，所以需要手动安装flask。安装完成后，使用PyCharm新建一个Flask项目，如上图所示。创建后，我们将得到以下内容：
运行app.py文件，我们可以通过访问http://127.0.0.1:5000/得到界面。
这表明我们的配置已经完成。综上所述，我们已经分别配置了vue和flask，后面会看到如何使用。
关于构建Mac PyCharm Flask Vue.js系统的这篇文章到此为止，关于构建Flask Vue.js系统的更多信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。