vue2+element-ui 记录2

vue2+element-ui项目配置（仅适用于新手）

项目的访问、打包文件夹配置，开发模式与发布模式配置
1.在项目my-vue根目录下（即文件夹my-vue下）添加一个js文件vue.config.js，内容如下；

module.exports = {
    // 修改项目开发模式下的访问配置
    devServer: {
        open: true,        // npm run serve后自动打开页面
        host: "localhost", // 匹配本机IP地址(默认是0.0.0.0)
        port: 4200         // 服务器运行端口号（默认的是8080，此处我们改为4200，防止与后端的接口请求端口冲突）
    },

    // 打包好的项目输出到项目下哪个文件夹下（设置了一个名称）
    outputDir: "dist",

    // 静态资源路径（打包后，会将静态资源，如js、css、images放到assets文件夹下面，否则放在根目录下，自己可以去掉再打包测试）
    assetsDir: "assets",

    // 应用被部署在一个子路径上，此处写上子路径的名称（hello-vue名称对应你以后将项目打包后修改的名称，
    // 也对应以后访问的项目名称，如：http://localhost/hello-vue，因为是前后端分离，所以需要这么配置）
    publicPath: process.env.NODE_ENV === 'development' ? '/' : '/hello-vue/',

    // 不需要生产环境的 source map 设置false（减小dist文件大小，加速构建）
    productionSourceMap: false, 

};

2.输入npm run server启动项目测试（如果项目已启动，可以按Ctrl+C，输入y，停止项目）；
3.打开项目根目录下的package.json文件，找到"serve": “vue-cli-service serve”，在它后面添加一行"start": “vue-cli-service serve”，保存，以后启动项目只需要输入：npm start，照样启动项目（如果觉得此步多余，可不作修改）；

注意点：
1.没什么可注意的，配置的单词写对即可；
2.如果想详细了解vue项目配置，可以去vue官网查看：https://cli.vuejs.org/zh/config/

活到老，学到老，学无止尽！欢迎大家相互讨论，相互学习！不喜勿喷！