vue 环境搭配

vue.js的运行环境配置主要分为3步：

1.安装Node.js（JavaScript运行环境）

2.安装Vue.js

3.搭建Vue-cli 创建项目

第一步：安装node.js

官网-->http://nodejs.cn/下载安装包，无特殊要求可本地傻瓜式安装.

第二部：

cmd命令行：

node -v  显示node版本在4.0之上就行。                                                                                              npm -v  显示npm包管理器版本。

基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：                                                       npm install -g cnpm --registry=https://registry.npm.taobao.org，回车，等待安装...1-2分钟。

第三部：安装全局vue-cli脚手架

1、用于帮助搭建所需的模板框架：cnpm install -g vue-cli，回车，等待安装...

2、.输入：vue，回车，若出现vue信息说明表示成功。

3、可选择：安装在桌面的话输入cd desktop。不安装桌面省略，按照自己情况。

4.创建项目，输入：vue init webpack vue_test(项目文件夹名)，回车，等待....，

5、安装依赖，输入：cd vue_test（项目名），回车，进入到具体项目文件夹

      输入：npm install，回车，等待...。如果安装成功，回到项目文件夹，会发现项目结构里，多了一      个node_modules文件夹（该文件里的内容就是之前安装的依赖）

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

方法1：输入：npm run dev

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

                                         浏览器打开localhost:8080页面

7. 关掉命令行，打开localhost：8080页面打不开，需要从新运行npm run dev

注意： 运行命令行必须是项目文件目录下运行。

例： cd  f:/vue_demo/vue_test  回车   (vue_demo 目录文件夹名字，vue_test项目名字)

f:    回车

开始运行npm run dev.