Python + flask + webpack + vue 新建项目

做了很多项目,但是每次新建项目都要度娘几次。常用的都是上面的组合,索性整理出来,为接下来做项目方便。

一、新建目录(习惯):

env_项目名  # 放Python 虚拟环境

server_项目名 # 放Python后端代码

client_项目名 # 放VUE前端代码

Python + flask + webpack + vue 新建项目

二、创建Python虚拟环境

小插曲:心血来潮,想用Python3,把Python2的Python.exe改成了Python2.exe,然后安装了Python3.7(不要装在C:\Program Files文件夹下,会有权限问题,建议直接C:\Python37),一切顺利,结果virtualenv 是却一直报错:

virtualenv -v Fatal error in launcher: Unable to create process using '"'

最后卸载重装搞一堆,最后发现发现是两个版本的Python都安装了virtualenv,所以两个都卸载了,再重新安装一个,解决。

指定Python版本创建虚拟环境(因为我的Python2的执行文件已经改成Python2.exe了,Python3的没改,所以--python=python是以Python3创建的):

virtualenv env_numberRecycleRobot --python=python 

Python + flask + webpack + vue 新建项目

到此为止,Python3的虚拟环境创建完毕!

三、接着利用webpack脚手架创建vue项目:

前提不累赘。

Python + flask + webpack + vue 新建项目

vue init webpack client_numberRecycleRobot

Python + flask + webpack + vue 新建项目

看到已经OK了,但是项目里经常用到less的CSS,所以还要安装一下less的loader。

npm install less less-loader --save-dev

Python + flask + webpack + vue 新建项目

这些之后,基本上就够了。

接下来就是安装Python模块了。

参考:https://blog.****.net/winnergod/article/details/54926859