智慧助手

低头耍手机成为一种习惯，如何在外表看来是在耍手机，但实际上是在内卷学习呢?---这个系统或许能够帮助你或给你提供一些思路。

项目参考黑马头条，后续等我学会大数据相关的知识后就把它变成一个真正的智慧助手

感谢这位同学提供的接口，接口文档https://www.showdoc.com.cn/1289305683568179/6452917580651891

项目概述

做什么

开发一个类似于手机今日头条的移动端资讯类移动应用

有哪些业务

本项目涵盖了资讯类 App 的重点核心功能，其中包括：用户登录 / 注册、文章列表、文章详情、文章评论、个人资料、用户中心、频道管理、文章搜索、用户收藏 / 历史 / 作品，以及ToDoList

用的什么技术栈

本项目采用完全前后端分离的开发模式，使用 Vue.js 技术栈（全家桶）构建的移动端 SPA 单页面应用程序。

项目初始化

使用Vue CLI 创建项目

安装Vue CLI: npm install --global @vue/cli

创建项目 : vue create vue create toutiao-m

• 选择预设条件（Please pick a preset）
  • default: 默认勾选 babel、eslint，回车之后直接进入装包
  • manually: 自定义勾选特性配置，选择完毕之后，才会进入装包（建议选择这个）
  • 安装项目依赖（Check the features needed for your project）
    • 分别选择(按空格选中)
      • Babel：es6 转 es5
      • Router：路由
      • Vuex：数据容器，存储共享数据
      • CSS Pre-processors：CSS 预处理器，后面会提示你选择 less、sass、stylus 等
      • Linter / Formatter：代码格式校验
• 是否使用history 路由模式 否
• CSS 预处理器，这里选择我们熟悉的 Less
• 校验工具：ESLint + Standard config
  • 在什么时机下触发代码格式校验： 建议两个都选上
• 选择第一个保存到默认的配置文件中

初始目录结构介绍

.
├── node_modules              第三方包存储目录
├── public                    任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack。
│   ├── favicon.ico           浏览器收藏夹图标
│   └── index.html            单页面 HTML 文件
├── src
│   ├── assets                公共资源目录，放图片等资源
│   ├── components            公共组件目录
│   ├── router                Vue Router 路由模块
│   ├── store                 Vue 容器模块
│   ├── views                 视图组件存储目录，所有的路由页面都存储到这里
│   ├── App.vue               根组件，最终被替换渲染到 index.html 页面中 #app 入口节点
│   └── main.js               整个项目的启动入口模块
├── .browserslistrc           指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀
├── .editorconfig             EditorConfig 帮助开发人员定义和维护跨编辑器（或IDE）的统一的代码风格，详情参考这里：https://editorconfig.org/。
├── .eslintrc.js              ESLint 的配置文件
├── .gitignore                Git 的忽略配置文件，告诉Git项目中要忽略的文件或文件夹
├── README.md                 说明文档
├── babel.config.js           Babel 的配置文件
├── package-lock.json         记录安装时的包的版本号，以保证自己或其他人在 npm install 时大家的依赖能保证一致
└── package.json              包说明文件，记录了项目中使用到的第三方包依赖信息等内容

标签：Vue,配置文件,项目,智慧,js,助手,vue,CSS
来源： https://www.cnblogs.com/stormliu/p/16438291.html