文章目录
基础
1. 项目目录分析
/public 公共资源(静态资源,图片等)。webpack进行打包的时候会将里面的内容原封不动打包到dist文件夹中
/pubilc/index.html 模板文件,作用是生成项目的入口文件,webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.html。
/src文件夹 代码文件夹
/src/assets 存放公共的静态资源,会被打包成js文件
/src/components 非路由组件(全局组件),
/src/views 其他的组件放在views或者pages文件夹
/src/App.vue 唯一的跟组件
/src/main.js 程序入口,最先执行的文件
/babel.config.js 配置文件(babel相关)
/package.json 项目的详细信息记录
/package-lock.json 缓存性文件(各种包的来源)
2. 项目配置
2.1 项目运行浏览器自动打开
package.json
或 vue.config.js
2.2 关闭eslint校验工具
不关闭会有各种规范,不按照规范就会报错。
vue.config.js
2.3 别名配置
创建jsconfig.json。exclude表示不可以使用该别名的文件