vue+flask+mysql开发web项目

• 
  

  安装

  
  

  安装 node.js
  
  安装 vscode
  
  安装 python
  
  发布到nginx

  
  

  
  

• 
  

  基于node.js安装vue

  
  

1.基于node.js,利用淘宝npm镜像安装相关依赖(建议配个环境变量）
在cmd里直接输入：(没有配环境变量就要进入到node目录下)
【命令行查看版本号】
node -v
npm -v
【升级npm（可选操作）】
npm install -g npm
【修改为淘宝镜像（可选操作）】
npm --registry https://registry.npm.taobao.org info underscore
2.安装vue
npm install --global vue
【全局安装 webpack】
npm install webpack -g
【webpack 4.X 开始，需要安装 webpack-cli 依赖】
npm install webpack webpack-cli -g
【查看版本号】
webpack -v
【查看版本号】
vue -V
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
npm install --global vue-cli
如果此时显示vue不是内部命令或外部命令，可先将路径D:\Program Files\nodejs\node_global配置到系统变量PATH下。
再次使用命令，若还不生效，请重启计算机再次操作。
'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。
解决方案：
1、确定npm是否已正确安装，在cmd中输入如下指令：
npm -v
当显示版本号时说明npm已成功安装。
2、进入node.js的安装目录中查看一级目录下是否存在vue.cmd指令；
楼主电脑已经安装了vue，所以能看到，如果看不到该指令，则回到控制台；
3、执行以下两个指令：
npm install -g vue
npm install -g @vue/cli
注意：第二个指令如果不成功，将npm更换为cnpm再试试。
4、安装完成后，通过如下任意指令查看vue的版本：
vue --version / vue -V
4.创建项目
【命令行进入该目录】
cd E:\vue\vue-demo
【下载模板】
vue init webpack vue-demo
【进入交互页面，根据自己情况选择】
?Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
Runtime + Compiler: recommended for most users
? Install vue-router? Yes # 是否需要 vue-router
? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset Standard # 一样的ESlint 相关
? Set up unit tests Yes # 是否安装单元测试
? Pick a test runner 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
? Should we run `npm install` for you after the project has been created? (recommended) npm # 包管理器，我选的NPM
5.安装依赖
输入：cd vue_test（项目名），回车，进入到具体项目文件夹
输入：npm install，回车，等待一小会儿，会发现项目结构里，多了一个node_modules文件夹，这里面都是项目的依赖文件
6.启动
npm run dev
7.打包
【命令行进入该目录】
cd E:\vue\vue-demo
【初始化项目】
npm install

【启动项目，根据package.json中的数据来启动】
npm run serve（vue3.X版本）或者npm run dev（vue2.X版本）

【关闭项目】
Ctrl + C

【浏览器访问：】
http://localhost:8080/
【项目打包上线】
npm run build
将打包后生成的dist 目录中的文件拷贝到服务器的相应地址即可（比如tomcat的webapps目录下）


• 
  

  vue配置修改

  
  

1.修改端口



2.路由

• 
  

  python安装flask

  
  

pip install Flask


• 
  

  gitee地址

  
  


https://gitee.com/bai_bai798/vue-background-management.git