安装需要的管理工具
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