Vue2电商前台项目（一）：项目前的初始化及搭建

一、项目初始化

1.脚手架目录介绍

node_modules文件夹：放置项目的依赖

public文件夹：一般放置的是静态资源（图片），需要注意：放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中，不会当做一个模块打包到 JS 里面

src文件夹（程序员源代码文件夹）：

​ —assets文件夹：一般放置的是静态资源（一般放置多个组件公用的的静态资源），需要注意：放置在assets文件夹里面的资源，webpack打包的时候，会把静态资源当做一个模块，打包到JS文件里面

​ —components文件夹：一般放置的是非路由组件（全局组件）

​ —App.vue ：唯一的根组件，Vue当中的组件都是(.vue)

​ —main.js：程序的入口文件，也是整个程序当中最先执行的文件

babel.config.js：配置文件，与babel相关

package.json文件：记录着项目信息，叫什么…有哪些依赖…项目怎么运行…

package-lock.json：缓存性文件

README.md：说明性文件

2.项目的其他配置 

（1）项目运行起来的时候，让浏览器自动打开。
找到package.json文件，找到"scripts"进行如下修改： 

更改为→

 （2）eslint校验功能关闭

在根目录下，创建一个vue.config.js文件，添加以下代码：

const {defineConfig } = require('@vue/cli-service')
module.export