一、 node.js安装

    Vue项目通常使用webpack工具来构建，而webpack命令的执行是依赖于node.js环境的，所以需要安装node.js  该部分之前已完成。

二、cnpm的安装

     因为npm的许多依赖包在国外，下载速度比较慢，因此选择淘宝对npm的镜像服务器cnpm.在cmd下执行

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

三、vue-cli的安装

vue-cli是Vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。安装命令：cnpm install -g vue-cli

安装完成后，检验是否成功，输入vue，出现以下提示表示安装成功

提示图片

这里，vue list 用来列出可以使用哪些模板：

提示图片

四、尝试新建新的Vue项目

(1) 在F:\vue-demo下新建项目vue-demo:输入vue init webpack vue-demo, 并进行相关初始化。

             初始化之后的项目目录如下：

提示图片

       (2) 安装项目依赖的包

目录切换到已建的新项目F:\vue-demo\vue-demo下，执行命令cnpm install,【出现问题3】安装依赖，安装结束后，该目录下多了node_modules目录：

提示图

       (3) 运行项目

命令行中输入 cnpm run dev,执行完成后启动项目，浏览器中出现如下结果说明启动成功：

ok