使用VUE框架进行前后端分离开发

1-首先安装vue-cli脚手架工具

• 命令行输入
  npm install -g vue-cli

• 查看版本号，是否安装成功
  vue --version

  
  image.png
  

  如图示，即安装成功；

2-创建新项目

• 进入创建目录，输入项目名称
  vue init weback 项目名称

Project name：项目名称

Project description：项目描述

Author：作者

Vue build：运行时与编译

Install vue-router?：是否安装路由？

Use ESLint to lint your code?：是否进行代码检测？

Setup unit tests with Karma + Mocha?：是否进行单元测试？

Setup e2e tests with Nightwatch?：是否进行端对端测试？

image.png

• 以上选项根据个人需求不同，可自行选择；

3-项目运行与测试

npm run dev运行项目，如图示，即项目搭建成功；

image.png