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

系列文章目录



Vue3.0 发布

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

项目演示

vue3.0-music

创建 vue3.0 工程

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

  1. 选择 3.x

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

  1. 保存的时候运行

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

  1. 至此,项目创建完成

在这里插入图片描述

声明

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

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

点个关注不迷路,持续更新中…

猜你喜欢

转载自blog.csdn.net/qq_45902692/article/details/126325618