vue项目结构介绍

node_modules文件夹

（1）这项目依赖的所有插件都在这个文件夹里
（1）不需要上传到生产环境
（2）如果缺失此文件夹，可以使用命令行；

npm install

命令行会根据package.json中依赖包的配置，进行下载

public文件夹

（1）icon图片
（2）index.html 入口文件

src文件夹

（1）assets //静态资源（css,js）
（2）components //组件

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}
//主要是对es6以上语法进行转换，从而进行的配置

## package.json

```html
{
    "name": "demo1119",
    "version": "0.1.0",
    "private": true,
    
    //项目启动方式
    "scripts": {
        "start": "vue-cli-service serve",
        "build": "vue-cli-service build"
    },
    
    //生产环境依赖包
    "dependencies": {
        "core-js": "^3.6.5",
        "vue": "^2.6.11"
    },

    //开发环境依赖包
    "devDependencies": {
        "@vue/cli-plugin-babel": "~4.5.0",
        "@vue/cli-service": "~4.5.0",
        "vue-template-compiler": "^2.6.11"
    },
    "browserslist": [
        "> 1%",
        "last 2 versions",
        "not dead"
    ]
}