Vue2.0仿饿了么webapp单页面应用详细步骤
作者:Tooann
本篇文章给大家分享了Vue2.0仿饿了么webapp单页面应用详细步骤,有兴趣的朋友可以跟着操作下。
部分截图
安装&&运行:
1、安装 node:http://nodejs.cn/download/
安装 git:https://git-scm.com/downloads
2、从我的仓库克隆代码:
$ git clone https://github.com/ColinScales/shell
3、安装vue脚手架工具vue-cli:
$npm install vue-cli -g
4、进入代码根目录安装依赖:
$ npm install --save-dev
5、运行命令:
$ npm run dev
打开浏览器查看运行效果
6、发布代码:
$ npm run build
发布完代码后会生成dist目录,保存着项目的所有可运行的代码。
注意不能直接打开index.html运行,需要开启http server运行代码。 直接运行我写好的配置文件就可以运行代码:
$ node prod.server.js
打开浏览器输入localhost:4444看build后的运行效果。