1.Vue脚手架搭建

1.去node.js官网https://nodejs.org/en/下载node.js安装包

2.安装node.js，一路点确定即可

3.全局安装vue-cli

命令：npm install -g vue-cli

4.使用vue - help查看命令帮助

二、安装完vue-cli脚手架，下面开始创建项目

步骤：
cd 目录(你要把项目放在哪个目录)；
vue init webpack pname(你的项目名字)；
? Project description (A Vue.js project) vue-cli新建项目(项目描述)；
? Author (项目作者)；
? Vue build 
❯ Runtime + Compiler: recommended for most users 
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere 
这里选择Runtime + Compiler: recommended for most users；
? Install vue-router? (Y/n) y 是否使用vue-router，这里根据需求选择；
? Use ESLint to lint your code? (Y/n) y 是否使用ESLint，这里根据需求选择；
? Pick an ESLint preset (Use arrow keys) 
❯ Standard (https://github.com/feross/standard) 
Airbnb (https://github.com/airbnb/javascript) none (configure it yourself) 这里选择Standard (https://github.com/feross/standard)
? Setup unit tests with Karma + Mocha? (Y/n) n 是否需要单元测试，这里根据需求选择；
Setup e2e tests with Nightwatch? (Y/n) n是否需要单元测试，这里根据需求选择；
cd pname(项目目录)；
npm install 安装依赖；
npm run dev 本地运行项目
默认浏览器会自动打开http://localhost:8080/#/，出现如下页面： 

这样，一个vue-cli新建的模板项目就运行起来了。