——今日份学习记录
另外看Ted演讲：心理健康很重要，怎样保持精神上的健康？
文末有答案&&链接
1.vue-cli不同模板
- vue-cli 官方模板
- webpack - 一个全面的webpack+vue-loader的模板，功能包括热加载（更新），linting（语法检测），测试和Css扩展。
- webpack-simple - 一个简单webpack+vue-loader的模板，不包含其他功能，让你快速构建vue开发环境。
- browserify - 一个全面的Browerify+vueify的模板，功能包括热加载，linting，单元测试。
browserify-simple - 一个简单的Browerify+vueify的模板，不包含其他功能，让你快速的构建vue的开发环境。 - simple - 一个最简单的单页应用模板。
: 标识项目名称
在实际开发中，普遍是使用webpack这个模板，我们来实际创建一个项目吧。
2.项目创建&&目录结构
（1）
|-- 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 // 源码目录
| |-- assets // 资源目录
| |-- components // vue公共组件
| |-- router: 放置路由设置文件，指定路由对应的组件；
| |-- store // vuex的状态管理
| |-- App.vue // 页面入口文件
| |-- main.js // 程序入口文件，加载各种公共组件
|-- static // 静态文件，比如一些图片，json数据等
| |-- data // 群聊分析得到的数据用于数据可视化
|-- .babelrc // ES6语法编译配置
|-- .editorconfig // 定义代码格式
|-- .gitignore // git上传需要忽略的文件格式
| |-- .postcssrc.js // 通过JS插件装换样式的工具
|-- README.md // 项目说明
|-- favicon.ico
|-- index.html // 入口页面
|-- package.json // 项目基本信息
（2）
重点介绍src下的目录结构
-
assets:
放置静态资源，包括公共的 css 文件、 js 文件、iconfont 字体文件、 img 图片文件 以及其他资源类文件。
之所以强调是公共的 css 文件，是因为要在组件的 样式区域标签里加入 ‘scoped‘ 标记，将其作用范围限制在此组件以及调用它的父级组件中，避免污染全局样式； -
components:
放置通用模块组件。项目里总会有一些复用的组件，例如弹出框、发送手机验证码、图片上传等，将它们作为通用组件，避免重复工作； -
http:
放置与后台 api 相关的文件。这里面有 axios 库的实例配置文件、使用配置的 axios 实例接入 api 获取数据的函数的集合的文件； -
mixins:
放置混合选项的文件。具体来说，相当于是公用函数的集合，在组件中引用时，可以作用于组件而不必书写重复的方法； -
pages:
放置主要页面的组件。例如登录页、用户信息页等。通常是这里的组件本身写入一些结构，再引入通用模块组件，形成完整的页面； -
router:
放置路由设置文件，指定路由对应的组件； -
store:
放置 vuex 需要的状态关联文件，设置公共的 state、mutations 等； -
App.vue:
入口组件，pages 里的组件会被插入此组件中，此组件再插入 index.html 文件里，形成单页面应用； -
main.js:
入口 js 文件，影响全局，作用是引入全局使用的库、公共的样式和方法、设置路由等。**资源借鉴，侵权请联系**
作者：Junting
链接：简书上寻找
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2.
请点击此处——博客园
作者——庖丁哥
呼应开头内容：
由Guy Winch博士 演讲的：为什么我们需要情绪急救？｜TED演讲
大致总结就是，
孤独和失败都会扭曲和误导我们的心理创伤，进而产生孤独心理（孤独是完全从主观上定义的。它完全取决于你是否觉得，在情绪上或是交际上和你周围的人相隔绝。）
（*
+ 长期的孤独会增加你早逝的可能性高达14%之多。
+ 孤独可能导致高血压、高胆固醇。它甚至会影响你的免疫系统，使你容易患上各种疾病。
+ 事实上，科学家已经得出结论，长期的孤独对你的健康和长寿的负面影响比抽烟还要糟。香烟的包装上还有 “吸烟致命”的警句。可孤独没有。*）
如果你的自尊低，你就更容易感到压力和焦虑，失败和拒绝会伤害你更深，你也需要更多的时间复原。
**所以如果你被拒绝了，首要的事情是应该重新激活你的自尊心**
反复回味不愉快的事很容易变成习惯，而这个习惯代价很大。因为当你在不愉快和负面的事情上花这么多时间，你把自己放在一个非常危险的境地，可能诱发抑郁症，酗酒，饮食失调，甚至心血管疾病。
