之前的web 开发，是按照React来进行的。最近参与了一个Machine learning管理平台的前端开发。因为前期开发人员技术选型，才用的是Vue-vben-admin的模版框架，所以我需要熟悉Vue.js的开发。

据我所知，Vue和React都是一套library，做reactive 的web app。之前开发的几个Web项目，是用React来做，代码都是javascript，没有演进到TypeScript。这两天上手Vue.js 和 Typescript，觉得还比较好用。特地开这篇文章来记录自己的学习历程。

Vue.js 2.0 旧有项目的升级

做前端开发，需要借鉴参考前人的组件和框架。 GitHub上有很多作者学习Vue做的项目。这些项目用Vue.js 2.0 开发的居多，所以要运行做Vue3.0环境，还有需要修改的地方。我搜到了一个从2.0到3.0升级现有代码的工具，用下来还是有些问题。需要自己手工来修改package.json里面的依赖库。

TypeScript的学习

从图书馆找来一本书《TypeScript quickl》，里面有一章来讲Vue+TypeScript一起开发的。 这一章正是我所需要的。

如何借鉴参考网络上的资源

打开Chrome浏览器，看Github和Vue.js官方文档，还有Youtube上的博主教程，都能找到一些有用的帮助。自己往往页面开的很多，这样频繁切换，比较耗费时间。另外，看人家的东西，还是需要自己动手。光看书和视频，感觉自己会了，其实动手做的时候，最容易发现问题。

VS code的快捷键

看了Youtube博主，写Vue.js的过程，发现很多VS code快捷键我还用不熟练。 例如，在VS code里面键入 “ul.” 后回车，VS code编辑就自动给你打出来。

1

        <ul class=""></ul>

删除当前行： command + x

复制当前行： shift + alt + up / down 箭头