html项目cli脚手架,vue-cli脚手架是什么?

vue-cli是官方发布的Vue.js项目初始化工具,简化了单页面应用的搭建过程,支持热更新和webpack模板。安装前需确保Node.js (4.0以上) 已安装。安装步骤包括检查Node版本,全局安装vue-cli,然后通过命令行验证安装成功。它降低了webpack的使用难度,提供测试环境,并依赖安装所需工具。
摘要由CSDN通过智能技术生成

1e5ba4c08f6e1d4a520436aa0006a21a.png

vue-cli 是一个官方发布 vue.js 项目脚手架,一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。

安装vue-cli

vue的安装只需安装构建工具即可,其他的都会依赖安装,但是前提是需要安装node(以及npm)。

1、检查node版本

在安装vue的环境之前,安装NodeJS环境是必须的。可以使用node -v指令检查,需要保证安装了4.0版本以上的nodeJS环境。

当然,没有安装的话,去Node.js的官网下载一下,各种下一步,傻瓜式安装就好,非常方便。

tips:这里说一下我自己踩过的一个坑,我最开始,安装的是国外官网上最新的7.3.0的版本,然后再最后npm run dev的时候各种报错。最后的解决方式是把node的版本回退到了6.2.0。所以这里推介大家安装NodeJs 4~6之间的版本。

2、安装vue-cli

全局安装npm install webpack -g

37790c4ef8813ca1291fa4d5d7428184.png

输入vue命令查看是否安装成功(显示如下则是成功);

e2a4f73fa69694cf4f0e4bb08b8fd3bf.png

现在还可以查看Vue版本(注意是大写的-V);

d3af1f95507e82a7a413a68978ca377f.png

查看支持的工具包

bd69bb6dc41bc1c29d1c8de18ac23521.png

更多vue.js相关知识,可访问 Vue.js答疑 栏目!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值