前言

在我们学习前端的时候总会有一种学到前面忘了后面的感觉，特别是在你学到后面的时候又得学习打包的webpack，vue等框架。面对工作我们又不得不学习一点后端知识例如和使用JavaScript的node.js即使在工作中不一定能用上但是面试时还能提上加分项。所以我在想如果通过一个项目究竟能不能初步学习了解所有知识，不管怎么样都会经历的把这个项目写好希望能帮助更多小伙伴们，

在这里您能学到什么

每一篇只需要花几分钟即可完成~ 基础的 html，css，基础的 JavaScript知识以及Es6的部分知识，学会如何使用vue，基础的less使用，如何使用elementUI，如何使用node搭建后台以及更多…..

如果对你有帮助~那可以点个Star支持一下或者推荐给盆友呢！

目录

项目搭建

第一章：为什么选择Vue？

第二章：建立页面首页

第三章：路由分离

第四章：建立公共模板

第五章：引入element组件

---

编写样式

第六章：来段故事了解一下html与css吧

第七章：头部组件的编写

第八章：首页内容布局

---

项目预览 https://ragnar-document.github.io/my-project/#/home

环境准备

下载node.js 请根据自身系统下载对于版本 下载地址：下载

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。

安装VueCli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

作者ragnar