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

项目新建并启动成功

猜你喜欢

转载自blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/84481606
今日推荐