最近项目中需要使用到vue框架来实现前后端分离，于是抽时间看了下vue的相关只是，从官网了解到可以使用命令行工具（CLI）来构建应用，于是在本地环境预练了一下

下面这句话摘抄自vue文档：

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

下面就进入本文的主题了，想用使用npm需要安装node

1. 下载
   进入node的中文网下载相关安装包
   http://nodejs.cn/download/
   傻瓜式安装即可
   
   
2. 使用
   npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；
   npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以这里推荐使用阿里的镜像，速度杠杠的，这里不在说明快的原因了，相信搞计算机的都知道哈，
   下面摘抄镜像官网的一句话“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
   方法一：
   

   npm config set registry https://registry.npm.taobao.org
   // 配置后可通过下面方式来验证是否成功
   npm config get registry

   方法二：

   npm install -g cnpm --registry=https://registry.npm.taobao.org

   cnpm的使用方法和npm是完全一直的，往后就可以使用cnpm来代替npm了
   

   推进使用cnpm的方法便于区分
   
   

截止到目前为止，node的安装就告一段落了,直接上代码使用了

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ cnpm install
$ cnpm run dev

 运行后看到 命令行显示“Your application is running here: http://localhost:8080”即可