初学Vue手脚架搭建

安装Vue，需要先安装node.js环境
1、安装node.js

a、安装步骤直接默认
b、安装完成后使用 node -v 命令查看是否成功
如出现版本号为成功

2.基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入：npm install -g cnpm
–registry=https://registry.npm.taobao.org，回车，等待安装…

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里 : (1)输入：cnpm install -g vue-cli，回车，等待安装…
(2)输入：vue，回车，若出现vue信息说明表示成功 (3)安装webpack，打开命令行工具输入：cnpm install webpack -g

4.创建项目

在cmd里输入：vue init webpack vue_test(项目文件夹名)
注：下载 Vue版本需要一点时间，如果很久没有动那可能是网络问题，可以多试几次

5.安装依赖

在cmd里：
（1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹
（2).输入：npm install，回车，等待一小会儿 回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖） 安装 vue 路由模块
vue-router 和网络请求模块 vue-resource，输入：cnpm install vue-router
vue-resource --save。

6.测试环境是否搭建成功

方法1：在cmd里输入：npm run dev
方法2：在浏览里输入：localhost:8080(默认端口为8080)

7.安装axios跨域请求

npm install vue-axios --save
npm install qs.js --save
//把json格式的直接转成data所需的格式