这篇博客介绍了如何从零开始使用Vue CLI 3和Vuetify框架搭建前端项目，包括安装部署Vuetify、理解项目文件结构、修改页面标题和图标，以及通过参考Vuetify的开发文档和示例进行实践操作。
- 基于vue的vuetify框架： https://vuetifyjs.com/zh-Hans/
0 基础开发环境
- windows 10+vscode
- vue CLI 3 （安装命令：
npm install -g @vue/cli） - 开发时间为2021年8月，实际开发过程中若与本文有所出入，可能是由于开发环境与框架更新所致，敬请谅解
1 安装部署vuetify
-
新建一个空白文件夹作为项目目录
-
vscode中打开新终端（powershell或cmd），cd进该文件夹
-
创建vue项目并命名为homepage：
vue create homepage，提示选择版本时此处选择默认的Vue 2项目 -
cd进项目文件夹：
cd homepage -
添加vuetify框架：
vue add vuetify，会提示请选择版本，此处选择默认 -
启动本地网页预览：
npm run serve，ctrl+c可以结束进程
-
根据提示在浏览器中打开 http://localhost:8080，可以看到已经有初始化的页面，说明vuetify框架成功运行起来了
最低0.47元/天 解锁文章
扫一扫
339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
