首页 > 其他 > 详细

我的第一篇博客:vue-cli配置项目

时间:2018-10-22 15:33:46      阅读:183      评论:0      收藏:0      [点我收藏+]

注意:在安装vue-cli之前一定要确保安装了node和vue

安装配置node:下载node(https://nodejs.org/en/)然后一路无脑安装

技术分享图片

查看安装是否成功:node –version

技术分享图片

安装npm:npm install npm -g

技术分享图片

安装express:npm install express -g

技术分享图片

安装Vue:npm install vue

技术分享图片

安装Vue脚手架:npm install vue-cli -g

技术分享图片

使用Vue-cli初始化项目:

                                          1,cd 目录路径

                                                 vue init webpack-simple first-vue(项目名称)

              技术分享图片

              配置成功之后:

              技术分享图片

              项目列表树:

               技术分享图片

                                          2,cd first-vue(项目名称)

                                                 npm install

            技术分享图片

                                          3,此时此刻,项目就可以跑起来了

                                                 npm run dev

            技术分享图片

            运行成功后的界面:

            技术分享图片

                                          4,发布项目 npm run build

            技术分享图片

我的第一篇博客:vue-cli配置项目

原文:https://www.cnblogs.com/pearl-/p/9830232.html

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