作为一个后端开发者,最近需要开始做前端开发也需要快速上手vue框架
那么学习的步骤是什么呢?
一、如果是从零开发项目,那么需要进行的步骤如下:
- 学习Vue基础知识
主要包括:Vue实例,模板语法,计算属性,监听器,组件等基础内容。这是开发任何Vue项目的基础。 - 学习Vue CLI
Vue CLI 是Vue.js 开发的标准工具,需要掌握它的安装,创建项目,运行,构建等命令。 - 学习Vue路由
Vue Router 是Vue.js的官方路由,大多数Vue项目都需要用到它,所以它是必须学习的知识点。 - 学习Vuex
在大型应用中,我们需要对状态进行集中式管理,Vuex是Vue的官方状态管理库,这也是开发大型项目必学的内容。 - 熟悉Element UI
Element UI是最流行的Vue UI库,很多Vue项目都用到了它,所以需要熟悉它的组件用法,API等。 - 学习ES6+ 和 CSS预处理器
Vue推荐使用ES6+来编写Vue组件,并且配合CSS预处理器像Sass来编写样式,所以这两个也需要稍微学习一下。 - 实践项目开发
通过Vue CLI创建一个Vue项目,然后开发一些简单的功能来实践前面的学习内容,这是理解和掌握Vue所必须的最后一步。
通过以上步骤的学习和实践,一个后端开发者就可以逐步掌握Vue和前端知识,并开发Vue项目了。
重点是要多练习,多开发一些小项目来实现前端需求。只有不断实践,才能真正熟练掌握Vue的开发。
二、如果是开发一个已有的Vue项目,那么需要进行的步骤如下:
首先当一个CV工程师(如果给的需求是在项目里有重复的功能,应当先直接模仿,修改,快速上手,不断调试)
如果有人带的话,那更好。
- 熟悉项目结构
了解src文件夹下的assets, components, views, router等文件夹,以及主要的配置文件如package.json,babel.config.js等。 - 理解项目已有功能
运行项目,体验已有的功能,理解项目的主要功能点是什么。 - 学习项目的技术栈
看package.json依赖中用到了什么UI框架,路由,状态管理库等,并学习相关内容。 - 阅读项目中的代码
仔细阅读src下的代码,理解项目的架构,数据流,组件间关系等。重点关注业务相关代码。 - 熟悉项目开发流程
看项目的命令,构建配置,部署等内容,理解项目的开发到上线的完整流程。 - 着手项目开发
在理解项目的基础上,可以开始接手issues或需求,进行编码开发。遇到问题可以询问之前的开发者。 - review项目的错误或不足之处。
在开发过程中,如果发现项目存在的问题,建议给项目经理或Leader,让项目的质量进一步提高。 - 不断运用并提高技术能力
继续在项目中实践Vue和相关技术,提高自己的技能,为项目贡献力量。
总之,开发一个已有的Vue项目,最重要的是先理解,熟悉项目,掌握项目所用的技术和功能,然后再基于此开发新功能。只有深入理解项目,才能很好的继续开发,而不会造成项目的混乱和低质量。所以,耐心学习和实践是关键。
接下来将会从Vue基础知识开始写学习笔记,欢迎在评论区催我进度。
如有错误,还请多多指教!
转载或者引用本文内容请注明来源及原作者:橘足轻重;