Vue3.0 项目启动（打造企业级音乐App）
系列文章目录
| 内容 | 参考链接 |
|---|---|
| Vue3.0 项目启动 | Vue3.0 项目启动（打造企业级音乐App） |
| Vue3.0项目——打造企业级音乐App（一） | Tab栏、轮播图、歌单列表、滚动组件 |
| Vue3.0项目——打造企业级音乐App（二） | 图片懒加载、v-loading指令的开发和优化 |
文章目录
- 系列文章目录
- Vue3.0 发布
- 项目演示
- 创建 vue3.0 工程
- 声明
Vue3.0 发布
2020年09月18日，vue3.0 版本正式发布。这意味着在未来两到三年时间，vue 的主流版本将由 2.x => 3.x。所以，学习开发 vue3.0 的项目是必要的，也是必须的。接下来，开启我们的 vue3.0 时代吧！
项目演示
vue3.0-music
创建 vue3.0 工程
- 打开命令行，定位到你想把项目放到的位置（比如桌面）
- 创建 vue3.0 项目（vue-music）
vue create vue-music-next
- 选取自定义配置
- 选择 Router，Vuex，CSS 预处理器，Linter 校正工具
- 选择 3.x
- 是否保存刚才的配置（y/n 都可以）
- 选择自己想用的 CSS 框架（此项目选 Sass）
- 选择适合自己的校正工具（此项目选标准的校正）
- 保存的时候运行
- 选择把一些配置放在 package.json 里
- 是否用于未来的配置（自行选择）
- 使用 yarn 还是 npm 安装（随意）
- 之后便开始创建工程（耐心等待即可）
- 至此，项目创建完成
声明
你也完全可以把项目部署到 github 等开源网站上，以便之后的管理操作。
操作也很简单，先在 github 上创建项目，之后通过 git clone + ssh 地址，在命令行中执行，然后再按本篇文章的顺序操作即可。
不积跬步无以至千里，不积小流无以成江海
点个关注不迷路，持续更新中…
Vue3.0 项目启动（打造企业级音乐App）相关推荐
- .NET 6 WTM Vue3.0项目启动
在wtmplus官网新建一个项目,并下载wtm vue3.0的源码. 下载完成之后,解压缩,将获得以下文件结构. vue3.0的前端位于web项目的 ClientApp文件夹中. 我们使用vscode ...
- vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目 配置项目 配置typescript 配置Vue Router 配置Vuex 配置Ant ...
- 手把手教你vue3.0项目搭建
前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改 注:粗体是命令指令,推荐使用cnpm指令 ...
- 从零开始搭建一个管理系统-vue3.0项目创建-----1
从零开始搭建一个管理系统-vue3.0项目创建-----1 讲在前面 webpack构建项目 代码编辑器 依赖修改 码云代码地址 讲在前面 假设你已了解关于 HTML.CSS. JavaScript ...
- vue3.0项目创建
vue3.0项目创建 可视化创建(手脚架) 命令行创建 可视化创建(手脚架) 1.win+R打开cmd命令行 2.输入vue ui 打开手脚架 vue ui 3.打开项目管理器,选择创建 4.选择项目 ...
- TypeScript及TypeScript在vue3.0项目中的基本使用
一. TypeScript是什么 TypeScript 是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对 ES6的支持.它是JavaScript的一个超集,扩展了JavaScript的 语 ...
- 创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目 使用vue-cli2.0版本创建vue项目 创建前的准备 开始创建 创建过程 项目正常创建 使用v ...
- 认识vue3.0项目的目录结构
上一篇笔记 新建一个vue3.0项目 新建项目后,用vscode打开,会看到项目目录,如下图 来看看我们新建的项目里有哪些内容 node_modules npm 加载的项目依赖模块 public 用于 ...
- vue3.0项目实战 - ElementUI框架版
系列文章目录 第一章 论vue3.0和vue2.0区别之编程方式及例子详解 第二章 同一台电脑 实现 vue-cli2和vue-cli3同时并存 及 常见命令 第三章 vue3.0项目实战 - Ele ...
- 【Vue】Docker + Nginx 部署 Vue3.0 项目
Docker + Nginx 部署 Vue3.0 项目 1.用指令 npm run build 打包vue.js项目(该项目是在WebStorm里面新建的Vue空项目). 打包成功后,会生成一个目录d ...
最新文章
- ceph rados命令使用
- 混合app用百分比还是rem_一次搞懂前端所有CSS长度单位，px、em、rem、rpx、%....
- 第十六 django进一步了解
- leetcode 1038. 从二叉搜索树到更大和树
- java底层机制_Java同步机制的底层实现
- 阿里云开源EasyTransfer：业界首个面向NLP场景深度迁移学习框架
- 这些“大学”，将被除名！
- mysql res.body_请帮我找一下错吧：body ?php $link=mysql_connect('localhost','root','123') or die (不能连接数据库...
- AI 最新突破集锦 AI的瓶颈和进展 AI控制核聚变 AI预测蛋白质3D结构 Alpha Fold2 AI证明数学公式 自动驾驶 AI替代的硬件
- 单片机（MCU）最强科普（万字总结，值得收藏）
- 基于MTCNN+arcface的人脸检测和人脸识别
- ASP常用服务器获取各类信息汇总
- spider存储引擎全面讲解
- ui设计需要学编程吗难不难学习
- # Vue 配置前端后端路由地址
- ppt文件服务器权限破解,怎么解开PPT文档的权限保护？
- 分布式 PostgreSQL - Citus 架构及概念
- C. Electrification(尺取）
- 无代码四月资讯｜元宇宙、AI与无代码的精彩碰撞...
- c语言让电脑开口,C语言编程之《让计算机开口说话》