vue简单配置

vue设置

config->index.js

设置链接地址及端口号

host: 'localhost', // can be overwritten by process.env.HOST，设置ip访问
        // host: '0.0.0.0', // can be overwritten by process.env.HOST
        // 修改启动端口名称
        port: 8888, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

host设置为'0.0.0.0'时，可通过ip地址进行访问

设置浏览器自动启动

添加或修改以下配置

autoOpenBrowser: true,

设置运行成功显示信息

在 build-> webpack.dev.conf.js 中进行配置devWebpackConfig信息返回

compilationSuccessInfo: {
                    messages: [
                      //设置显示信息
                      `Your application is running here: \nhttp://${devWebpackConfig.devServer.host}:${port}\nhttp://${require('ip').address()}:${port}\n`],
                },

配置启动名

在package.json中进行修改，把dev改为你想要的名字，即可对启动名进行修改

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },