参考博文地址: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