开篇
从本日起，小肆将和人人从头最先做一个完整的实战项目。个中碰到的每一个学问点都是我们工作中罕见的，这些学问点大多在网上都能找到但却没有哪一个教程能都讲获得，那就由小肆来做吧。
关注”手艺豪恣聊“,跟小肆一起行动起来！
在这个项目中，小肆力图做到以下几点:
- 运用如今最新的手艺，并随时刻更新。
- 只管多的增添学问点。
- 只管细致的解说每一个学问点，以便小同伴们能够天真运用到别处。
- 只管做最范例的代码提交纪录，以便随时能够在github上查询变动。
- 完整运用现实工作中形式。
- 本项目后端接口采纳成熟在线APP的测试服务器接口。
- 对哪一个学问点没有清晰明白，随时能够来撩我。
触及功用
- 初始化：脚手架构建、git堆栈设置、git提交范例设置、手机自适应设置。。。
- 用户：登录、注册、找回暗码、第三方登录、个人中间。。。
- 消息：转动导航、幻灯片、文章列表、文章概况、图片懒加载。。。
- 课程：音频播放、视频播放、自定义播放器、播放列表。。。
- 社区：发帖、批评、点赞、珍藏。。。
- 付出：假造钱银、微信付出、付出宝付出。。
- 直播：视频流、礼品、弹幕。。。
功用包含以上功用又不仅限于以上功用，这个系列每篇文章都邑把触及到的功用点细致引见清晰，并会同步到本篇。
小肆的代码并不一定是最优的解决方案，假如你有更好的要领，异常希冀能与小肆联络，我会在文章中发出并标明出处
多说无益，行动起来吧！
项目初始化
本项目运用最新版本的vue-cli 3.3搭建。
装置vue-cli3
sudo npm -g install @vue/cli
小肆用的mac，所以须要增加sudo猎取root权限来全局装置，win用户能够不加sudo。
装置胜利后输入vue -V你会看到你装置的版本号。
建立项目
vue creat mweb
输入敕令后挑选手动挑选功用（Manually select features)或会看到以下界面：
在这里小肆悉数挑选了，挑选TS是由于TS是JS的超集，所以初始化的时刻小肆选了TS，不过前期照样会用JS解说，以便未进修TS的同伴们进修，后期会悉数运用TS重构。
这里的每一个学问点以后项目现实运用我都邑逐步解说。
上图是装置历程我对每一项的挑选。
末了保留了设置项目就最先装置依靠了。初始化胜利后会显现以下界面。
项目预览
敕令行输入cd mweb进入项目目次。
以后输入启动当地服务器npm run serve
胜利后能看到以下界面。
别的vue-cli3供应了图形化设置界面。
敕令行输入vue ui即可启动。
github设置
项目初始化后已经有git的初始化设置了，这时刻我们只须要把项目和github的长途堆栈做衔接就能够了。
我们首先在github上新建项目，获得项目地点后敕令行输入以下敕令：git remote add origin git@github.com:Feleti/mweb.git
由于我设置了ssh key所以地点以git开首，假如未设置的运用https开到的地点。
git的运用以后我会单独出一篇文章解说，这里就不详述了。
上传代码到长途分支：git push --set-upstream origin master
初次上传新分支输入以上敕令，不是的话只需输入git push就能够了。
上传胜利后能够在github上看到了。
小结
本日的内容有点少，原本设计把项如今期设置的内容都放在这篇，可无法啊，小肆本日回家晚啦，又有点别的事耽误了，如今快12点了，小肆再不发文本日就发不了了，那就以后再讲吧，记得关注小肆民众号”手艺豪恣聊“，跟进本课程，会让你学到你想学的。
