vue-cli2 目录结构解析 关闭esline

结构

入口package.json 命令

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
},

npm run build 打包项目

执行 build/build.js

npm run dev 运行项目

// webpack-dev-server 搭建本地服务器 
// --inline 热刷新 可以加到配置里面
// --progress 进度 打印进度信息
// --config build/webpack.dev.conf.js 指定webpack 运行文件 运行build/webpack.dev.conf.js 
"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

build/config文件夹

build文件夹下是webpack 相关的配置

build.js 打包入口文件
webpack.base.conf.js webpack 基本配置
webpack.dev.conf.js webpack 开发配置
webpack.prod.conf.js webpack 运行配置

config文件夹下是一些变量

index.js 一些配置信息

关闭esline

config/index.js

useEslint: false,

重新编译即可

node_modules 项目依赖第三方包

src 开发文件夹

assets

如果一下资源 放到该文件夹下
例如图片 会根据图片大小 绝定是否打包 成base64位码 或者 生成一个新的图片 被打包 到dist文件夹下
打包后 会重新命名

static 静态资源文件夹

打包后 static （原封不动）会复制一份到 dist文件夹下

.gitkeep

如果 static 文件夹为空 可能会把这个文件夹上传到服务器
如果有 .gitkeep 文件 都会上传到服务器

.babelrc

在对 es 进行转化的时候 读取的一些配置文件
是安装了 babel-preset-env 必须的相关配置文件

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        // 那些浏览器需要适配
        // 浏览器适配条件  浏览器分额大于%1  并且是它最后的2个版本  且ie版本不小于八
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    // stage-2 对应 babel-preset-stage-2
    "stage-2" // 阶段 只针对当前阶段进行转化
  ],
  // 依赖插件 
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

.editorconfig

对代码开进行一些统一 开发习惯

root = true

[*]
charset = utf-8 // 字符集utf-8
indent_style = space // 缩进风格：空格
indent_size = 2 // 缩进大小
end_of_line = lf // 换行符lf
insert_final_newline = true // 是否在文件的最后插入一个空行
trim_trailing_whitespace = true // 是否删除行尾的空格

.eslintignore

ignore 忽略
忽略 以下文件夹的 eslint 检测

/build/
/config/
/dist/
/*.js // 当前文件夹下 js文件

.eslintrc.js

eslint 配置信息

.gitignore

git 上传忽略文件

.postcssrc.js

是进行css转化的时候配置的一些东西

index.html 模版文件

package.json

管理项目依赖包

package-lock.json

锁定 依赖包 版本
记录真实安装的版本
package-lock.json

README.md

项目说明