Vue实现仿音乐播放器2-新建Vue项目vuemusicplayer

新建项目

进入到想新建项目的目录，在此处打开命令行窗口，然后输入：

vue init webpack vuemusicplayer

其中 webpack 是模板，vuemusicplayer是项目名，然后回车

此时会提示你输入项目名，如果直接回车则使用上面默认的项目名。

然后依次输入描述、作者，然后直接回车。

然后询问你是否安装Vue Router，输入y，安装，其他的不需要选择NO ,然后选择NO,I will handle that mysel。

回车后，项目新建完成，如下

构建项目

按照上面给的提示，首先输入：

cd vuemusicplayer

进入项目目录

输入：

npm install

安装依赖等

或者你也可以使用淘宝镜像下载，但是需要设置

等待安装完成，如果安装报错，删掉项目目录下的node_modules目录，然后重新执行npm install

安装完成后输入：

npm start

启动项目

启动成功后

然后打开浏览器，输入：

http://localhost:8080/#/

项目新建并启动成功

Vue实现仿音乐播放器2-新建Vue项目vuemusicplayer相关推荐

Vue实现仿音乐播放器项目总述以及阶段目录
Github地址 https://github.com/badaoliumang/vuemusicplayer Vue实现仿音乐播放器各阶段代码 https://download.csdn.net/d ...
Vue实现仿音乐播放器6-实现新歌速递与swiper轮播图切换
前言前面在首页已经完成今日推荐以及访问百度API获取数据,现在继续来完善home主页. 效果新歌速递 swiper实现轮播图实现实现新歌速递在components下新建新歌速递组件News_ ...
Vue实现仿音乐播放器3-将项目托管到git以及github
Github新建项目 1.登录github,点击右上角新建仓库 2.输入仓库名以及描述等,点击Create resposity 3.新建仓库完成后,右边有个clone or download,复制SS ...
vue 判断同一数组内的值是否一直_前端代码+后端API，值得一学的Vue高仿音乐播放器实战项目
项目名称:vue-fds_music 项目作者:符道胜开源许可协议:Apache-2.0 项目地址:https://gitee.com/fudaosheng/vue-fds_music 项目简介 V ...
后端实体类接收数组_前端代码+后端API，值得一学的Vue高仿音乐播放器实战项目...
项目名称:vue-fds_music 项目作者:符道胜开源许可协议:Apache-2.0 项目地址:https://gitee.com/fudaosheng/vue-fds_music 项目简介 V ...
前端代码+后端API，值得一学的Vue高仿音乐播放器实战项目
项目名称:vue-fds_music 项目作者:符道胜开源许可协议:Apache-2.0 项目地址:https://gitee.com/fudaosheng/vue-fds_music 项目简介 V ...
Vue实现仿音乐播放器4-Vue-router实现音乐导航菜单切换
效果实现 Vue Router 官方文档 https://router.vuejs.org/zh/guide/ 用 Vue.js + Vue Router 创建单页应用,是非常简单的.使用 Vue. ...
Vue实现仿音乐播放器12-实现歌手页面效果
效果实现百度音乐API歌手说明例:method=baidu.ting.artist.getInfo&tinguid=877578 参数: tinguid = 877578 //歌手tin ...
Vue实现仿音乐播放器11-实现访问百度音乐API实现播放音乐功能
场景从今日推荐页面点击某首歌曲会将这首歌曲的songid通过路由传递到播放界面, 播放界面调用百度音乐接口实现数据的获取以及音乐的播放. 效果实现配置路由首先在pages目录下新建musicp ...

Vue实现仿音乐播放器2-新建Vue项目vuemusicplayer

新建项目

构建项目

Vue实现仿音乐播放器2-新建Vue项目vuemusicplayer相关推荐

最新文章

热门文章