@toc
在package.json中更改script项,改为如下代码,只是在"serve"后面多添加了--open而已
"scripts": {
//在后面添加 --open
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
在根目录中新建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'
}
}
在根目录中新建jsconfig.json文件,配置别名@提示【@代表的是src文件夹,这样将来文件过多,找的时候方便很多】
jsconfig.json文件写入如下代码
{
// 配置:用 @ 代替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脚手架初始化项目的其他配置】
5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。