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脚手架创建完毕。