我的第一个记录 my first record:
公司新项目，准备用一点稍微有点挑战性的去写，于是选定了vue+ts+vuetify的组合，本文将复述搭建项目的整个过程；
1，创建vue-cli脚手架项目，我用的是vue ui进行创建
（1），首先检查电脑上有没有node环境（cmd命令，node -v，如果有版本号，则表示已经安装）如已经安装跳到下一步，如果没有安装，请移步node官网下载安装包根据提示安装node.js
（2），检查有没有安装vue-cli，cmd命令vue --version，安装后会显示版本号，如果没有安装请全局npm install -g @vue/cli或者yarn global add @vue/cli（取决于你使用的是哪个包管理器）
（3），前两步已经完成后，在cmd中输入vue ui，此时系统会打开默认浏览器，进入vue项目管理页面
（4），左下角更多里面，选择Vue项目管理器，进入项目管理页面，点击创建，选择响应的项目存放位置，点击在此创建项目
（5），输入项目的基本信息（名称，选择包管理器，是否初始化git等等）,下一步选择预设，一般都选的“手动”，然后下一步
（6），配置中勾选typescript，剩下的配置，请根据项目实际来进行勾选，建议是把Vuex、Router、CSS Pre-processor都勾上，如果需要写单元测试，把Unit Testing也勾上；
（7），配置，css预处理器我建议选sass/scss with dart-sass；代码检查我建议选第一个eslint with error prevetion only；如果你还有单元测试，我建议选mocha框架加chai的断言库，最后点创建项目，至此，vue+typescript的项目算是创建完成；
2，为项目添加vuetify
用IDE打开项目，在控制台输入vue add vuetify，选择default即可，此时vuetify就会添加成功，注意，项目可能是报错，还需要在tsconfig文件中的types里面添加vuetify；建议先阅读一下vuetify文档，里面会涉及到一些常用的基础的设置，如SPA的template下面，有v-app标签。我建议，在webstorm（vscode和sublime不清楚）里面写一个模板，避免重复写SPA基础代码；
3，如何书写
不得不说，最新的vue+ts写法已经和之前社区出的vue-property-decorator写法大有出入，之前的各个属性需要从装饰器中引入，写法上各个属性间的层次感特别差，阅读起来很费劲；而最新的写法几乎和当前vue的写法无异，直接看代码（我是早上才把项目搭完，所以还有很多没有摸索）
总结：我建议在去看看vuetify和ts写法，vuetify是尤大神推荐的，组件很漂亮，也很全面，里面有个skeleton-loader组件，完美解决页面加载前页面展示的问题；
