0
点赞
收藏
分享

微信扫一扫

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


新建项目

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

vue init webpack vuemusicplayer

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

Vue怎样新建并启动项目(图文教程详解)_vue

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

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

Vue怎样新建并启动项目(图文教程详解)_Vue_02

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

Vue怎样新建并启动项目(图文教程详解)_命令行_03

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

Vue怎样新建并启动项目(图文教程详解)_命令行_04

构建项目

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

cd vuemusicplayer

进入项目目录

输入:

npm install

安装依赖等

Vue怎样新建并启动项目(图文教程详解)_命令行_05

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

Vue怎样新建并启动项目(图文教程详解)_Vue_06

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

安装完成后输入:

npm start

启动项目

Vue怎样新建并启动项目(图文教程详解)_命令行_07

启动成功后

Vue怎样新建并启动项目(图文教程详解)_新建项目_08

然后打开浏览器,输入:

​​http://localhost:8080/#/​​

Vue怎样新建并启动项目(图文教程详解)_Vue_09

项目新建并启动成功

举报

相关推荐

0 条评论