webpack的插件安装

Vue脚手架

npm install vue-cli -g

下载过后：

vue init webpack 工程名

配置首选项里的 setting.json文件

{
    "files.autoSave": "afterDelay",
    "open-in-browser.default": "Google Chrome",
    "window.zoomLevel": 0,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "editor.fontSize": 20,
    "editor.tabSize": 2,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ]
}

工程名下的config下的index.js中将autoOpenBrowser: false改为true

最后 npm start运行

解决跨域问题

1、装包；

npm install cors -d

2、导入；

const cors = require('cors');

3、

app.use(cors());

封装 axios ;

import axios from 'axios'

axios.defaults.baseURL = 'http://127.0.0.1:3000/api/'		// 默认导出的地址；

export function getSliders () {
  return axios.get('getSliders')
}

转换rem 的包；

1、安装包

npm install lib-flexible --save

2、导入库 // 在main 里面导入；

import 'lib-flexible'

3、在安装转换的包；

npm install postcss-px2rem-exclude --save-dev

4、配置内容
找到 .postcssrc.js 文件 在里面添加

"postcss-px2rem-exclude": {
      remUnit: 75,		// 750的 设计稿    window.devicePoxelRatio  像素比
      exclude: /node_modules/
    }

下载轮播包；

1、下载包；

npm install vue-awesome-swiper --save

2、在全局里导入

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)