新建项目

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

vue init webpack vuemusicplayer

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

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

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

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

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

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

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

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

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

构建项目

按照上面给的提示,首先输入:

cd vuemusicplayer

进入项目目录

输入:

npm install

安装依赖等

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

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

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

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

安装完成后输入:

npm start

启动项目

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

启动成功后

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

然后打开浏览器,输入:

http://localhost:8080/#/

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

项目新建并启动成功