首页 > 其他 > 详细

小白搭建vue----vue项目搭建成功后,创建demo项目

时间:2018-07-26 00:18:23      阅读:314      评论:0      收藏:0      [点我收藏+]

步骤一:确定项目创建位置,我的在D盘

技术分享图片

步骤二:运行 vue init webpack vueDemo(vueDemo是文件名,可任取)

技术分享图片

步骤三:操作步骤二后,会有上图显示,类似于问答,第一输入项目名,其他的输入回车,到第五个,vue-router,输入y 回车,直至最后,都输入n 回车。

 项目创建成功后,会提示接下来的操作内容,即图中黄色部分

 技术分享图片

步骤四:运行 npm install,显示内容会如下图,可能会有报错,如有报错,请看 https://www.cnblogs.com/donglt-5211/p/9369058.html

技术分享图片

步骤五:运行npm run dev,等待运行即可

技术分享图片

结果:待出现绿色字体这般,即可表示项目创建成功,在浏览器中输入http://localhost:8080检验是否即可

技术分享图片

 

最后,http://localhost:8080  如下图所示,环境就此搭建成功。撒花庆祝

技术分享图片

 

小白搭建vue----vue项目搭建成功后,创建demo项目

原文:https://www.cnblogs.com/donglt-5211/p/9369098.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!