vue项目初始化工作

vue项目初始化工作

1、在assets文件夹中新建 css、js、 img文件夹
2、在css、js文件夹中新建reset.css文件、 rem.js文件、server.js文件
reset.css地址
rem.js地址
serve.js地址
3、在main.js中导入：

import setDevice from './assets/js/rem'
import './assets/css/reset.css'
import './assets/css/style.css'
setDevice(750)

4、新建api文件夹

import server from '../assets/js/server'
var menu = function(url, params) {
    return new Promise((resolve, reject) => {
        server.get(url, params).then(res => {
            resolve(res)
        })
    })
}
export { menu }

5、使用代理的话新建vue.config.js文件

module.exports = {
    devServer: {
        proxy: 'xxx请求地址'
    }
}

6、新建store文件夹——新建index.js文件 写vuex

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

7、使用时在组件中导入api文件

import { menu } from '../../api/api'

8、初始化工作完成