vue 模板

A Vue.js project of ali

Build Setup

# 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

# run e2e tests
npm run e2e

# run all tests
npm test

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

简要说明

• 纯vue搭建的，已经引入了： vuex、element-ui、axios、vue-router、node-sass、sass-loader 因node-sass和sass-loader版本有对应关系，这里指定为4.14.1和7.3.1，需要更改的这里把对应关系列出：

  nodeJs 15  node-sass 5.0+
  nodeJs 14  node-sass 4.14+
  nodeJs 13  node-sass 4.13+, < 5.0
  nodeJs 12  node-sass 4.12+
  nodeJs 11  node-sass 4.10+, < 5.0
  nodeJs 10  node-sass 4.9+
  nodeJs  8  node-sass 4.5.3+, < 5.0
  nodeJs <8  node-sass < 5.0
  
  sass-loader 4.1.1，node-sass 4.3.0
  sass-loader 7.0.3，node-sass 4.7.2
  sass-loader 7.3.1，node-sass 4.7.2
  sass-loader 7.3.1，node-sass 4.14.1

• http

  • axios.js 配置了响应拦截器，默认是全部放开的，根据业务更改
  • http.js 封装了axios调用，通过回调的方式替换then和catch
  • http2.js 同http.js一样，但它直接返回axios对象，保留axios的操作方式，与http两种中选择一种使用就行

• static 镜头资源文件保存路径，它的调用方式和http一样，通过get请求获取，如：

  import http from '../http/http'
  
  http.get('/static/xiamen.json', null, res => {
    console.log(res.data)
  })

但是，这种方式是异步的，对于即时使用的变量来说，应放在src下，通过import或require引入。

• 如果引入three.js ，最好是引入three@0.128.0

重命名项目名

修改 package.json name属性

模板地址

https://gitee.com/LIRUIYI/vue-template