如何使用vue ui快速创建自己的项目

vue创建项目(npm安装→初始化项目)

第一步npm安装

首先:先从nodejs.org中下载nodejs 地址:http://nodejs.cn/download/
如何使用vue ui快速创建自己的项目_第1张图片
下好后安装
如何使用vue ui快速创建自己的项目_第2张图片如何使用vue ui快速创建自己的项目_第3张图片
如何使用vue ui快速创建自己的项目_第4张图片
如何使用vue ui快速创建自己的项目_第5张图片

第二步 项目初始化

1.第一步:安装vue-cli
npm install vue-cli -g //全局安装 vue-cli
如何使用vue ui快速创建自己的项目_第6张图片

第三步 打开cmd窗口 在窗口中输入 vue ui 网页中会自动弹出第四步的页面

如何使用vue ui快速创建自己的项目_第7张图片

4.被弹出的创建项目页面

如果你电脑上没有项目 会显示这个页面 让你创建项目 或者导入项目
如何使用vue ui快速创建自己的项目_第8张图片

本地项目创建成功后的页面

如何使用vue ui快速创建自己的项目_第9张图片

项目创建完成后 点击任务 点击运行就可以运行自己的项目

如何使用vue ui快速创建自己的项目_第10张图片

点击build 即可打包项目

如何使用vue ui快速创建自己的项目_第11张图片
如果对你有用的话 记得点个赞哦??(_)

你可能感兴趣的:(vue,vue,ui,创建项目,vue,vue可视化界面创建项目)