vue-cli单页面应用

vue-cli是vue搭建环境脚手架，只需要几个命令就可以搭建开发环境。

vue-cli脚手架搭建

1.安装node.js

从node.js官网下载并安装node，安装成功后，打开命令行工具，运行 node -v npm-v会出现对应的版本号，如下图，说明安装成功。

安装

2,下载vue-cli

运行命令，  npm install -g vue-cli 下载vue-cli文件

3.使用vue-cli初始化项目

vue init webpack-simple my-project-name 。如果保存vue不是命令工具，设置一下全局环境变量。

4.进到my-project-name目录，执行npm install安装依赖

cd my-project-name  

npm install

5.npm run dev运行目录

（使用的是webpack代理服务器），如果需要生成代码，请运行npm start