从今天开始，小丝将和你一起从零开始一个完整的实战项目。里面遇到的每一个知识点都是我们工作中常见的。这些知识点大部分都可以在网上找到，但是没有教程可以全部讲解，就让小四自己动手吧。关注“科技自由聊”，与小丝一起行动吧！在这个项目中，小思努力做到：应用最新的技术，并与时俱进。尽量增加知识点。尽量详细的讲解每个知识点，方便小伙伴们灵活运用到其他地方。尽量做最规范的代码提交记录，方便随时查看github上的变化。充分利用实际工作模式。本项目后台界面采用成熟在线APP的测试服务器界面。如果你对任何一个知识点没有搞清楚，可以随时来调侃我。涉及功能初始化：脚手架搭建、git仓库配置、git提交规范配置、手机端自适应配置。..用户：登录、注册、找回密码、第三方登录、个人中心。..新闻：滚动导航、幻灯片、文章列表、文章详情、图片懒加载。..课程：音频播放、视频播放、自定义播放器、播放列表。..社区：发帖、评论、点赞、收藏。..支付方式：虚拟货币、微信支付、支付宝支付。.直播：视频流、礼物、弹幕。..功能包括以上功能，但不限于以上功能。本系列每篇文章都会详细介绍涉及的功能，并同步到本文。小四的代码不一定是最好的方案。如果大家有更好的方法，非常希望联系小四。我会贴在文章中并注明出处。说话是没用的。让我们行动起来吧！项目初始化本项目使用最新版vue-cli3.3搭建。安装vue-cli3sudonpm-ginstall@vue/cliformac，所以需要加sudo获取root权限才能全局安装。Win用户不能加sudo。安装成功后，输入vue-V，会看到你安装的版本号。创建一个项目vuecreatmweb输入命令，选择手动选择特性（Manuallyselectfeatures）或者你会看到如下界面：这里小四已经全选了，选择TS的原因是TS是JS的超集，所以小四在初始化的时候选择了TS，不过我前期还是会用JS来讲解，让没学过TS的小伙伴可以学习，后面会全部用TS来重构。这里每个知识点之后，我都会慢慢讲解项目的实际使用。上图是我在安装过程中对每一项的选择。最后保存配置工程，开始安装依赖。初始化成功后，会出现如下界面。工程预览命令行输入cdmweb进入工程目录。然后输入启动本地服务器npmrunserve，成功后可以看到如下界面。另外，vue-cli3提供了图形化的配置界面。在命令行输入vueui启动。github配置项目初始化后，已经有了git的初始配置。这个时候我们只需要将项目连接到github的远程仓库即可。我们先在github上新建一个项目。得到项目地址后，在命令行输入如下命令：gitremoteaddorigingit@github.com:Feleti/mweb.git因为我配置了sshkey，地址以git开头。如果没有配置，使用https开启的地址。git的使用之后，我会单独出一篇文章来讲解，这里就不赘述了。上传代码到远程分支：gitpush--set-upstreamoriginmaster第一次上传一个新的分支，输入上面的命令，如果没有，直接输入gitpush即可。上传成功后，在github上就可以看到了。总结今天的内容有点短。本来打算把项目前期配置的所有内容都放在这篇文章里，无奈无奈。小四今天回家晚了，因为别的事耽搁了。今天发不了帖，以后再说吧，记得关注小丝公众号“技术闲聊”，跟着这门课，你会学到你想学的。本系列文章内容：使用vue-cli3从0到1搭建全功能手机站（一）从0到1开发实用手机站（二）：Git提交规范配置从0到1使用VUE-CLI3开发实战（三）：ES6知识储备
