Vue——创建Vue脚手架

VueCLI是Vue官方提供的标准化开发工具,用于创建项目的初始文件。安装VueCLI需要Node.js和webpack环境,全局安装时需配置npm淘宝镜像以加速下载。安装完成后,通过`vuecreate`命令可以创建新项目,最后访问生成的helloworld组件,标志着Vue脚手架设置成功。
摘要由CSDN通过智能技术生成

1.什么是脚手架
脚手架作用是创建项目的初始文件,本质是方案的封装。Vue脚手架是Vue官方提供的标准化开发工具。
Vue官方介绍:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统
2.安装Vue脚手架(需要联网
1)Vue CLI使用的前提Node.js、webpack(npm install webpack -g全局安装)。
没有安装的请先去安装
2)具体步骤:
首先打开cmd,以管理员身份运行
a.安装全局@vue/cli(仅第一次执行,只需要在第一次创建脚手架的时候执行一次,电脑上会多出来一个全新的命令vue,以后创建脚手架时只需要呼唤vue,以后都不需要执行)
注意:进行全局安装之前,一定要把npm的地址配置成淘宝镜像的,以便下载速度块

npm 淘宝镜像:npm config set registry https://registry.npm.taobao.org  //全局安装之前请先执行一下淘宝镜像

在这里插入图片描述
b.执行下列命令,在执行过程中遇到一些警告属于正常现象,如果遇到卡顿的情况按一下回车就行。

npm install -g @vue/cli

在这里插入图片描述
注意:在安装完后一定要关掉cmd,然后再打开(还是以管理员身份运行)
c.在命令行输入vue(测试@vue/cli是否安装成功)
在这里插入图片描述
d.切换到你要创建项目的目录,然后使用命令创建项目
我把脚手架创建在E盘

vue create xxxx      //xxxx为项目名

在这里插入图片描述
e)回车后出现
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
f)打开浏览器,访问地址
在这里插入图片描述
这是Vue为你准备的hello world组件,到此vue脚手架创建完毕。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值