Vue怎样新建并启动项目（图文教程详解）

新建项目

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

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/#/

项目新建并启动成功