技术QQ交流群:294088839
1.build目录 核心目录 webpack有关的 2.config目录 项目开发配置 3.node_modules 这个一般不用管 4.src 最重要的 我们所有开发都在里面 5.static 静态文件目录 |-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js // 热重载相关 | |-- dev-server.js // 构建本地服务器 | |-- utils.js // 构建工具相关 | |-- webpack.base.conf.js // webpack基础配置 | |-- webpack.dev.conf.js // webpack开发环境配置 | |-- webpack.prod.conf.js // webpack生产环境配置 |-- config // 项目开发环境配置 | |-- dev.env.js // 开发环境变量 | |-- index.js // 项目一些配置变量 | |-- prod.env.js // 生产环境变量 | |-- test.env.js // 测试环境变量 |-- src // 源码目录 | |-- components // vue公共组件 | |-- store // vuex的状态管理 | |-- App.vue // 页面入口文件 | |-- main.js // 程序入口文件,加载各种公共组件 |-- static // 静态文件,比如一些图片,json数据等 | |-- data // 群聊分析得到的数据用于数据可视化 |-- .babelrc // ES6语法编译配置 |-- .editorconfig // 定义代码格式 |-- .gitignore // git上传需要忽略的文件格式 |-- README.md // 项目说明 |-- favicon.ico |-- index.html // 入口页面 |-- package.json // 项目基本信息 重要的几个文件 package.json文件 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" }, 这个字段 这个 npm run dev 就是执行了cli build 是为了打包用的 "dependencies": { "vue": "^2.5.2", "vue-router": "^3.0.1" }, 生产环境 webpack.base.conf.js文件 entry: { app: './src/main.js' }, 入口文件配置 .babelrc 文件 把es6代码转换成es5代码 .editorconfig 文件 代码的编辑方式 //编码格式 charset = utf-8 //空格键 indent_style = space //两个空格 indent_size = 2 //换行符 end_of_line = lf //在文件是否插入空行 insert_final_newline = true //在文件是否删除空格 trim_trailing_whitespace = true