vue项目环境搭建

在windows环境下：

一、安装node.js(下载地址：http://nodejs.cn/download/)

node.js使用的是js的语法，但是操作的你的系统。当前使用node是为了配合前端去开发，比如使用利用包管理工具去下载项目依赖的库或者框架，还可以用node.js去启动本地测试服务器，等等。

二、安装git(windows下的一个命令行工具,命令更贴近Linux系统的操作习惯)

三、新建项目文件夹

1.在该文件夹下右键，启动git Bash

或者也可以直接打开git,通过cd进入盘符，在进入项目文件

2.测试node.js安装成功没有。npm -v 当弹出版本号的时候说明node.js安装成功了。

3.安装cnpm——淘宝npm镜像,因为从npm上下载东西很慢（npm服务器在国外）

安装方法：在命令行输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 有时间可以查看、学习cnpm文档说明:http://npm.taobao.org/有更详细介绍

四、安装vue-cli

vue-cli是vue提供的官方脚手架工具，用于初始化一个vue项目。它的优势显著：

• 成熟的vue项目架构设计，会随着版本的更迭而更新
• vue-cli提供了一套本地测试服务器（热加载的服务器）
• vue-cli集成打包上线方案（webpack）

安装方法：命令行输入 cnpm install vue-cli -g 回车确认执行 （有一个安装过程，请等待）

测试安装成功与否：vue -V（注意是大写V哦），如果成功同样返回版本号

（1）初始化项目：vue init webpack projectName（projectName是项目名称，你可以根据需求自定义项目名称哦）

下载成功后你会发现多了一个vueProject的项目文件夹

目录解析如下图：

（2）安装项目依赖 cnpm install

注意：首先要进入刚刚生成的项目文件，在有package.json文件这一层安装项目依赖

（3）启动项目：npm run dev，运行完毕后，启动测试服务器