如何搭建Vue-cli脚手架

Vue-cli脚手架

1.安装脚手架

1.1 安装步骤

(1)查看当前脚手架版本

>vue -V
注意:-V(大写)
//如果没有执行下一步安装脚手架

(2)全局安装脚手架

>npm i @vue/cli -g

(3)创建项目

>vue create app
注意:app是自定义项目名(建议用小写字母)

(4)创建项目的配置项
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

(5)执行到这一步,就可以等待项目创建
在这里插入图片描述

(6)创建成功之后执行

>cd firstapp

(7)运行项目

>npm run serve

在这里插入图片描述

(8)在对应的本地地址里访问页面localhost:8080

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/SH744/article/details/128073413