Vue1.0迁移到Vue2.0+遇到的问题 -- 安装配置及运行（一）

安装需要的管理工具

Node -v
Npm -v
npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm install -g vue-cli
vue init webpack firstVue
npm install --save-dev webpack
cnpm install

运行前配置

安装stylus

cnpm install stylus --save-dev
cnpm install stylus-loader --save-dev
stylus使用和npm安装

webpack.base.conf.js文件中的配置
module: {rules: [在这个里面添加css的配置]}

//添加
	{
        test:/\.css$/,
        loader:'style-loader!css-loader!stylus-loader'
	},

webpack.dev.conf.js文件中的配置

const portfinder = require(‘portfinder’)字段之后添加代码

//添加的
const express = require('express')
const app = express()//请求server
var appData = require('../data.json')//加载本地数据文件
var seller = appData.seller//获取对应的本地数据
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)//通过路由请求数据

const devWebpackConfig = merge(baseWebpackConfig, {在这个里面的
devServer:{在这个之中的最前面（一定要添加在前面，不然会报错）}

//添加的
 before(app) {
      app.get('/api/seller', (req, res) => {
        res.json({
          errno: 0,
          data: seller
        })//接口返回json数据，上面配置的数据seller就赋值给data请求后调用
      }),
      app.get('/api/goods', (req, res) => {
        res.json({
          errno: 0,
          data: goods
        })
      }),
      app.get('/api/ratings', (req, res) => {
        res.json({
          errno: 0,
          data: ratings
        })
      })
    },
}

运行

npm run dev