1-首先安装vue-cli脚手架工具
- 命令行输入
npm install -g vue-cli -
查看版本号,是否安装成功
vue --version
如图示,即安装成功;
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?:是否进行端对端测试?
- 以上选项根据个人需求不同,可自行选择;
3-项目运行与测试
npm run dev运行项目,如图示,即项目搭建成功;