vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】

刘大猫.

已于 2023-04-01 11:28:00 修改

阅读量1k

点赞数 2

分类专栏： Vue2专栏文章标签： vue-cli脚手架初始化项目初始化项目的其他配置 vue2 vue vue-cli

于 2023-03-31 14:26:34 首次发布

本文链接：https://blog.csdn.net/a924382407/article/details/129879406

版权

Vue2专栏专栏收录该内容

109 篇文章 44 订阅

订阅专栏

在这里插入图片描述

文章目录

2.项目的其他配置
本人其他相关文章链接

2.项目的其他配置

2.1 项目运行时，让浏览器自动打开

在package.json中更改script项，改为如下代码，只是在"serve"后面多添加了–open而已

"scripts": {
    //在后面添加 --open
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

2.2 关闭eslint的校验功能、配置map不打包、配置默认打开浏览器显示无法访问的问题

在根目录中新建vue.config.js文件（切记名字一定得叫vue.config.js，不能叫其他名字）

问题：为啥需要关闭eslint的校验功能？

答案：比如声明一个变量但是没有使用情况下，eslint校验工具会报错导致项目启动不了。

文件中配置如下代码

module.exports = {
    //配置map，减少打包后的dist的大小
  	productionSourceMap:false,
    // 关闭eslint语法校验
    lintOnSave:false,
    devServer: {
        //解决默认打开浏览器，会出现0.0.0.0:8080，浏览器显示无法访问
    	host: 'localhost'
    }
}

2.3 给src文件夹简写方法，配置别名，方便引入资源

在根目录中新建jsconfig.json文件，配置别名@提示【@代表的是src文件夹，这样将来文件过多，找的时候方便很多】

jsconfig.json文件写入如下代码

{
    // 配置：用 @ 代替src文件夹
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"]
        }
    },
    "exclude": ["node_modules","dist"]
}