安装脚手架之前需要电脑已安装node与npm

首先按住 shift + 鼠标右键 → (按下)在此处打开命令行窗口 进入命令行窗口
或者 win + R 键 输入cmd 进入命令行窗口
输入 :node -v 与 npm -v 查看有无安装node与npm,没有则需要安装:以下证明已安装
若没安装 以下是博友安装方法:
https://blog.csdn.net/qq_33362864/article/details/80431162

vue2.X版本安装方法:https://blog.csdn.net/qq_41614928/article/details/89817313?utm_source=app

警告:安装3.X版本vue脚手架会覆盖2.X版本的vue init功能

若已安装2.X版本 ,并还需要使用旧版vue init功能(如:vue init webpack my-project)则可以安装全局网桥:

npm install -g @vue/cli-init

1. 安装3.X版本vue脚手架

npm安装

npm install -g @vue/cli

yarn安装

yarn global add @vue/cli

两种选一即可 下图是使用npm安装:
在这里插入图片描述

2. 创建3.X版本vue项目

在自定义文件夹内创建:(项目名:myproject)

vue create myproject

在这里插入图片描述
空格键选中加 * 号

3. 开启Vue UI 图形界面:

vue ui

在这里插入图片描述

后浏览器打开http://localhost:8000即可显示图形化界面:

在这里插入图片描述

将刚创建的myproject项目添加到图形化界面:
在这里插入图片描述

3. 在图形界面运行项目:

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐