vue-cli简单使用教程

1、安装

Win+R，输入cmd，打开命令行，输入npm install vue-cli -g

可输入 vue –version 验证是否安装成功

2、生成模板

1)有以下几种模板

simple
webpack
webpack-simple
browserify
browserify-simple
区别可自行百度，以下用webpack作为示例

2)生成项目模板

在命令行中进入任意目录，输入下面命令

vue init 模板名 文件夹名
例如： vue init webpack demo-webpack

3、进入目录进行配置

在命令行下用cd命令进入第2步中自动创建的文件夹
输入以下命令
npm install 或 cnpm install

4、启动项目

输入以下命令
npm run dev

运行结果如下：

此时，在浏览器中输入http://localhost:8080，出现以下页面，说明成功用vue-cli构建项目