Vue3.0 项目启动(打造企业级音乐App)

这篇具有很好参考价值的文章主要介绍了Vue3.0 项目启动(打造企业级音乐App)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

系列文章目录

内容 参考链接
Vue3.0 项目启动 Vue3.0 项目启动(打造企业级音乐App)
Vue3.0项目——打造企业级音乐App(一) Tab栏、轮播图、歌单列表、滚动组件
Vue3.0项目——打造企业级音乐App(二) 图片懒加载、v-loading指令的开发和优化


Vue3.0 发布

2020年09月18日,vue3.0 版本正式发布。这意味着在未来两到三年时间,vue 的主流版本将由 2.x => 3.x。所以,学习开发 vue3.0 的项目是必要的,也是必须的。接下来,开启我们的 vue3.0 时代吧!

项目演示

vue3.0-music

创建 vue3.0 工程

  1. 打开命令行,定位到你想把项目放到的位置(比如桌面)

Vue3.0 项目启动(打造企业级音乐App)

  1. 创建 vue3.0 项目(vue-music)
	vue create vue-music-next
  1. 选取自定义配置

Vue3.0 项目启动(打造企业级音乐App)

  1. 选择 Router,Vuex,CSS 预处理器,Linter 校正工具

Vue3.0 项目启动(打造企业级音乐App)

  1. 选择 3.x

Vue3.0 项目启动(打造企业级音乐App)

  1. 是否保存刚才的配置(y/n 都可以)

Vue3.0 项目启动(打造企业级音乐App)

  1. 选择自己想用的 CSS 框架(此项目选 Sass)

Vue3.0 项目启动(打造企业级音乐App)

  1. 选择适合自己的校正工具(此项目选标准的校正)

Vue3.0 项目启动(打造企业级音乐App)

  1. 保存的时候运行

Vue3.0 项目启动(打造企业级音乐App)

  1. 选择把一些配置放在 package.json 里

Vue3.0 项目启动(打造企业级音乐App)

  1. 是否用于未来的配置(自行选择)

Vue3.0 项目启动(打造企业级音乐App)

  1. 使用 yarn 还是 npm 安装(随意)

Vue3.0 项目启动(打造企业级音乐App)

  1. 之后便开始创建工程(耐心等待即可)

Vue3.0 项目启动(打造企业级音乐App)

  1. 至此,项目创建完成

Vue3.0 项目启动(打造企业级音乐App)

声明

你也完全可以把项目部署到 github 等开源网站上,以便之后的管理操作。
操作也很简单,先在 github 上创建项目,之后通过 git clone + ssh 地址,在命令行中执行,然后再按本篇文章的顺序操作即可。

不积跬步无以至千里,不积小流无以成江海

点个关注不迷路,持续更新中…文章来源地址https://www.toymoban.com/news/detail-404241.html

到了这里,关于Vue3.0 项目启动(打造企业级音乐App)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包