Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > js框架/js库

Vue2.0仿饿了么webapp单页面应用详细步骤

来源:中文源码网    浏览:178 次    日期:2024-04-19 08:37:10
【下载文档:  Vue2.0仿饿了么webapp单页面应用详细步骤.txt 】


Vue2.0仿饿了么webapp单页面应用详细步骤
部分截图
安装&&运行:
1、安装 node:http://nodejs.cn/download/
安装 git:http://git-scm.com/downloads
2、从我的仓库克隆代码:
$ git clone http://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后的运行效果。

相关内容