Flask+Vue.js 开发架构

hxy    2018-02-07 14:54

在React和Vue之间做了一些比较,发现Vue更简单一些。

试着搭建了一个前后端分离的项目,大致记录一下过程。

1. 安装nodejs,下载地址:https://nodejs.org/en/download/ 我下载的版本是:https://nodejs.org/dist/v9.5.0/node-v9.5.0-x64.msi

2. 安装vue

C:\Users\admin>npm install vue-cli -g
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
C:\Users\admin\AppData\Roaming\npm\vue -> C:\Users\wjr\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
C:\Users\admin\AppData\Roaming\npm\vue-init -> C:\Users\wjr\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init
C:\Users\admin\AppData\Roaming\npm\vue-list -> C:\Users\wjr\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list
+ vue-cli@2.9.3
added 254 packages in 30.945s

3.使用vue初始化项目:

F:\Workspace\Node>vue init webpack neutcp

? Target directory exists. Continue? Yes
? Project name neutcp
? Project description http://neutcp.top
? Author neuhxy <neuhxy@163.com>
? Vue build runtime
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "neutcp".


 

现在,同时运行前端、后端开发环境:

cd neutcp
npm run dev

cd ../neutcp_server
python app.py

打开两个浏览器:

Vue.js: http://locahost:8080
Flask: http://localhost:5000
Last Modified: 2020-02-20 23:06
Views: 3.1K

[[total]] comments

Post your comment
  1. [[item.time]]
    [[item.user.username]] [[item.floor]]Floor
  2. Click to load more...
  3. Post your comment