创建一个vue2的脚手架项目(超详细)

创建一个vue2的脚手架项目(超详细)

0.前言

在用npm安装vue脚手架之前需要安装node,前面博客有详细安装过程,请读者安装node之后再进行脚手架的安装

1 npm vue2的安装脚手架

//安装命令
npm i -g @vue/cli     
//查看vue版本
vue -V  

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

2.创建vue2脚手架项目

//创建项目
vue create myvue

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

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

3.开启服务器

//开启服务器
npm run serve

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

4.在浏览器中输入端口地址

localhost:8080

在这里插入图片描述

5.项目目录介绍

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/adminsir0/article/details/127250463