前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】

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

原创
作者头像
刘大猫
发布2024-10-10 13:36:47
660
发布2024-10-10 13:36:47
举报
文章被收录于专栏:Vue2

@toc

2.项目的其他配置

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

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

代码语言:java
复制
"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校验工具会报错导致项目启动不了。

文件中配置如下代码

代码语言:java
复制
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文件写入如下代码

代码语言:java
复制
{
    // 配置:用 @ 代替src文件夹
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"]
        }
    },
    "exclude": ["node_modules","dist"]
}

本人其他相关文章链接

1.vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】

2.vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】

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

4.vue尚品汇商城项目-day01【3.项目路由的分析】

5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】

6.vue尚品汇商城项目-day01【5.路由组件的搭建】

7.vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】

8.vue尚品汇商城项目-day01【7.路由传参】

9.vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 2.项目的其他配置
    • 2.1 项目运行时,让浏览器自动打开
      • 2.2 关闭eslint的校验功能、配置map不打包、配置默认打开浏览器显示无法访问的问题
        • 2.3 给src文件夹简写方法,配置别名,方便引入资源
        • 本人其他相关文章链接
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档