vuetify 开发手册之一：初始化vue工程

教程背景

也不知道因为啥原因，国内关于vuetify的教程非常少，vuetify的很多的封装解决了后端开发人员对前端css不熟悉的困扰，让全栈开发变得更为简单。
故出此教程系列，也为今后大家的开发少走弯路。

初始化vue工程

1、安装vue-cli

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

官方地址：
https://cli.vuejs.org/zh/guide/installation.html
有了这个就可以采用vue-cli创建vue项目了。

2、创建vue项目

vue create my-app

cd my-app

3、添加vuetify

vue add vuetify

vuetify 官方安装教程，更加详细：
https://vuetifyjs.com/en/getting-started/quick-start/

4、启动项目

npm run serve
#OR
yarn serve

这样就可以开始前端开发之旅了。

5、补充

也可以通增vue的图形化界面工具安装vuex和vue-router，可视化操作。

vue ui

自己试试吧。

源码脚手架

https://github.com/735728811/vuetify-scaffold