首页 > Web开发 > 详细

基于webpack的vue-cli搭建

时间:2019-05-14 21:09:34      阅读:122      评论:0      收藏:0      [点我收藏+]

摘要:随着越来越多的模块化开发,在我们的开发中越来越多的倾向于模块画的开发。

关键词:vue 

正文:

  第一步:首先使用一些前端或者后端的包管理器,在这里面,我使用的是node中的npm包管理器,(当然了不仅仅只有一个包管理器。还有brower,等)

   先从nodejs的官网上下载nodejs,这是因为npm是依赖于我们的nodejs,(下载的链接https://nodejs.org/en/)

 检测npm,和node是否安装成功(分别使用npm -v/node   -v)

技术分享图片

第二步: 下载webpack

       本地安装的命令:npm install webpack --save-dev

   查看是否安装成功的检测  :webpack -version

第三步;全局安装vue-cli

    npm install -g vue-cli(对于上面的那个webpack可以不用安装,这是因为最新的版本中就自带了webpack)

   检测是否安装成功:vue  -V(注意这个这个检测是否安装成功的指令中,这个v是大写的)

技术分享图片

第四步:初始化我们的vue的项目

   vue  init  webpack project(project表示的是项目的名字)

技术分享图片

最后出现这两行的代码的时候,我们根据要求进入我们的的指定的目录,然后出现

技术分享图片

这个就是表示我们的项目搭建成功了

基于webpack的vue-cli搭建

原文:https://www.cnblogs.com/chenmengjie/p/10864523.html

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