Vue 安装与配置环境搭建

1.安装Node.js

• 因为使用Vue当中需要Node.js 语法及Node的包管理工具Npm
• a. Cmd 命令进入之后输入node -v 查看本机是否安装，若没有，请移步至Node 官网下载Node js 并安装
• node js 官网地址（http://www.runoob.com/nodejs/nodejs-install-setup.html）
• 安装完成后输入 npm -v 会出现如下图所示
• 

2. 安装 Vue 及依赖和 脚手架 CLI 命令工具

A .Cnpm 安装 ：基于淘宝镜像安装方法 (方法1)

• 使用全局安装命令 （前提是进入一个创建好的空文件夹）
• 基于node.js,利用淘宝cnpm镜像安装相关依赖
• 打开cmd 输入
• 1.全局安装cnpm

 npm install -g cnpm --registry=https://registry.npm.taobao.org，回车，等待安装...

• 2 .升级cnpm 到最新

 cnpm install cnpm -g

• 3 . 接下来安装Vue, 输入命令 此安装会下载依赖node_modules

cnpm install vue

• 输入vue -V 查看安装是否成功
• 4 . 以上安装完是不能初始化项目的 必须安装脚手架

cnpm install -g vue-cli 

• 5 . 初始化项目 安装步骤走完

vue init webpack "项目名称"

• 6 . 进入项目文件夹 安装以来并运行

cnpm install    (安装依赖moudles)
cnpm run dev   (运行项目)

• 至此安装完毕

B . npm 常规安装Vue (方法2)

• 安装好node.js

• 安装全局vue-cli脚手架

1) npm install -g vue-cli 

2) vue init webpack project_name(项目文件夹名) //创建项目

3) cd project_name（项目名）//安装依赖一

4) npm install //安装依赖二

5) npm run dev //运行