VUE开发环境搭建

参考博文地址：https://segmentfault.com/a/1190000009366036

首先，列出来我们需要的东西： 
node.js环境（npm包管理器）
vue-cli 脚手架构建工具

cnpm npm的淘宝镜像

vue的安装

1.vue的安装依赖于node.js,所以先安装过node.js。从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）安装完成后可进入cmd编辑器，输入命令 node -v进行查看,如果成功安装node会出现 v 6.9.1

2.安装cnpm

         (1) 安装淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org    cnpm -v进行查看,如已成功安装node会出现 v 6.9.1

        （2）安装脚手架 cnpm install -g vue-cli     输入命令 vue -V 出现2.5.0代表VUE安装成功

         （3）安装webpack cnpm install -g webpack 

            (4) 可以开始建立一个vue项目啦

                    

                

                

            (5) 安装项目依赖 npm install

                

            (6) 启动项目 npm run dev

                   输入http:lobalhost:8080出现以下页面就代表成功喽

                    

            (7) 安装路由 npm install -g vue-router

                 在/router/index中引入路由：

                 使用路由：  

                

                (8) 项目打包 npm run build