vue-cli细节错误和配置

vue-cli

关于使用vue-cli，本来是一件很容易的事情，被我弄得特别麻烦，我最直观的感受就是，几乎所有的有关vue的问题，可能都被我遇到了。。。。

• 安装时输入username github 是输入自己的邮箱

• 最新的vue-cli安装后没有了dev-server.js

• 需要mock后端的数据，需要需要引入的情况下，是合并在了webpack.dev.config.js,

  • 在webpack.dev.config.js文件中的devServer中加入

    ?
      before(app) {
      app.get(‘/seller‘, (req, res) => {
        res.json({
        
          data:seller//加入json数据
        })
      })
      }
      
      

  • 并且在文件顶部引入所需要的相应的包(不引入包无效)

  const express=require("express")
  const app=express()
  const appData=require(‘../data.json‘)
  const goods=appData.goods
  const seller=appData.seller
  const ratings=appData.ratings
  const apiRouter=express.Router()
  app.use(‘/api‘,apiRouter)

自适应屏幕大小

• index.html中引入mata

• <meta name="viewport" content="width=device,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalabel=no">

scss在vue中的安装使用

• 安装cnpm i sass-loader

• 需要安装sass-loader的依赖:node-loader sass fibers

• 如果持续性的报错总在app.vue中出现，可能是因为sass-loader版本过高，卸载后安装低版本，然后重新安装node-sass即可

• 然后再webpack-base.config.js中配置：

• {
         test: /\.scss$/,
         loaders: [‘style‘, ‘css‘, ‘sass‘]
       }

•  

vue-cli细节错误和配置

原文：https://www.cnblogs.com/meoki/p/13167816.html