sell

Build Setup

sell server

#first into server list
cd server

# install dependencies
npm install

# serve run at localhost:3000
node bin/www

sell app

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

---

用到的相关插件，CSS使用stylus编写， axios做数据交互，vue-router做路由切换 better-scroll页面滚动

相关接口数据使用express提供接口,使用时需要在项目目录的config/index.js中配置相关的代理

proxyTable: {
    '/api':{
        target:'http://localhost:3000/',
        changeOrigin: true,
    }
}

• /api/seller 提供相应的商家信息
• /api/goods 提供相应的商品信息
• /api/ratings 提供相应的评论信息

---

文件目录

.
├── README.md
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── logo.png
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── dist
│   ├── index.html
│   └── static
├── index.html
├── package-lock.json
├── package.json
├── server
│   ├── app.js
│   ├── bin
│   ├── data
│   ├── package.json
│   ├── public
│   ├── routes
│   └── views
├── src
│   ├── App.vue
│   ├── assets
│   ├── common
│   ├── components
│   ├── main.js
│   └── router
└── static
    └── css

由于上传到github上之后再clone下来无法运行，npm run dev显示 No PostCSS Config found,通过搜索在根目录添加了一个postcss.config.js文件内容为

module.exports = {  
  plugins: {  
    'autoprefixer': {browsers: 'last 5 version'}  
  }  
} 

---

通过此项目可以学到什么❓

能够get✔️到的和相关学习资料链接

• HTML JS CSS的使用
• FLex布局 （移动端必杀技）
  • 语法篇
  • 布局篇
• Better-Scroll用法
• Vue.js的基本用法
  • axios的使用
  • vue-router的使用
• Stylus的使用
• Express的搭建与使用

---

程序截图