在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