Vue使用UI安装笔记

安装vue-cli3

C:\Windows\system32>npm install -g @vue/[email protected]

+ @vue/[email protected]

added 666 packages from 499 contributors in 209.265s

C:\Windows\system32>vue -V

3.3.0

C:\Windows\system32>npm install -g @vue/cli-service-global

D:\ksy>vue ui

�  Starting GUI...
�  Ready on http://localhost:8000

Vue使用UI安装笔记_第1张图片

点击在此创建新项目

Vue使用UI安装笔记_第2张图片

Vue使用UI安装笔记_第3张图片

Vue使用UI安装笔记_第4张图片

Vue使用UI安装笔记_第5张图片

点击创建项目,创建成功后

Vue使用UI安装笔记_第6张图片

Vue使用UI安装笔记_第7张图片

使用idea打开项目,项目目录如下,运行项目:npm run serve

Vue使用UI安装笔记_第8张图片

Vue使用UI安装笔记_第9张图片

访问地址http://localhost:8080/

Vue使用UI安装笔记_第10张图片

至此,vue安装完成。

打包项目命令:npm run build

Vue使用UI安装笔记_第11张图片

打包文件到D:\ksy\vue-hello\dict 目录下。

 

 

 

你可能感兴趣的:(vue,element)