vue.js 构建项目_使用Vue.js和Cosmic JS构建的音乐网站

vue.js 构建项目

Vue.js音乐网站 (Vue.js Music Website)

Personal music site built with Nuxt and Cosmic JS.

使用Nuxt和Cosmic JS构建的个人音乐网站。

View demo 查看演示 Download Source 下载源

如何 (How to)

准备您的Cosmic JS存储桶 (Prepare your Cosmic JS bucket)

Import example bucket.json to your Cosmic JS bucket.

将示例bucket.json导入您的Cosmic JS存储桶。

克隆此存储库 (Clone this repository)

git clone https://github.com/cosmicjs/vue-music-website
cd vue-music-website

配置 (Configure)

Edit instance.config.js to adjust app colors if you need.

根据需要编辑instance.config.js以调整应用程序颜色。

You can see that Cosmic JS access credentials are picked up from the next environment variables:

您可以看到Cosmic JS访问凭证是从以下环境变量中提取的：

COSMIC_BUCKET
COSMIC_READ_KEY
COSMIC_WRITE_KEY

设置并运行 (Setup and run)

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm start

# generate static project
$ npm run generate

This app is based on Nuxt.js. For detailed explanation on how things work, checkout the Nuxt.js docs.

这个程序是基于Nuxt.js的。 有关工作原理的详细说明，请查看Nuxt.js docs 。

翻译自: https://vuejsexamples.com/music-website-built-with-vue-js-and-cosmic-js/

vue.js 构建项目