码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js 2.0 由浅入深,第五天 day05

时间:2017-07-26 17:35:52      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:vue.js   vue   vuex   axios   vue-cli   webpack   


## 一、 准备工作


###1. 初始化项目

    vue init webpack itany

    cd itany

    cnpm install

    cnpm install less less-loader -D

    cnpm install vuex axios -S

    npm run dev


### 2. 项目资源

    |-reset.css

    |-data.json


### 3. 创建目录结构

    首先清除项目中的部分内容


    创建如下目录结构:

        |-data.json

        |-static

            |-css

                |-reset.css


### 4. 配置API接口,模拟后台数据

    使用express框架启动一个Node服务器,配置API接口,模拟后台数据


    测试API:

     http://localhost:8080/api/seller

     http://localhost:8080/api/goods

     http://localhost:8080/api/ratings



## 二、项目整体结构开发     


本文出自 “12392007” 博客,请务必保留此出处http://12402007.blog.51cto.com/12392007/1951083

Vue.js 2.0 由浅入深,第五天 day05

标签:vue.js   vue   vuex   axios   vue-cli   webpack   

原文地址:http://12402007.blog.51cto.com/12392007/1951083

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!