当前位置:网站首页 > Vue.js开发 > 正文

vue安装使用(vue ui安装)



简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大

1.安装Vue CLI,因为vue ui是在Vue CLI基础上封装的

2.打开C:Users*xxxx*AppDataRoaming pm,看看有没有下图框出的文件

3.将C:Users*xxxx*AppDataRoaming pm添加到环境变量中

4.双击vue.cmd,以管理员身份打开终端,输入vue -V,若出现版本信息,说明安装成功

5.为了快捷起见,比如你想在桌面创建一个vue项目,提前在桌面建好文件夹,复制路径,在终端上切换到你复制的路径下,这样会比较

6.输入命令,此时浏览器会跳转localhost:8080,然后你就可以新建你的项目了,如下图所示

选择预设,根据你的项目需要的插件来选择,这里选择手动,如下图所示

根据咱们的业务需求来选择配置,比如Router,Vuex,CSS预处理器是我们经常用到的东西,我们就可以选择它们,如下图所示

在上图你可以保存为你的预设,也可以不保存,直接创建项目,完成之后如下图所示

然后你用编译器打开项目就可以发现,之前选择的router,vuex以及less全部帮我们装好了,就可以直接使用了,是不是很方便?下载新的插件

我们的项目中难免会用到elementui以及axios,我们直接安装就可以使用了

注意:只要使用到了vue ui,我们在终端打开的vue ui就不能关掉了,也就是说不能关闭终端,而且要以管理员身份运行

到此这篇关于vue ui安装步骤及使用的文章就介绍到这了,更多相关vue ui安装使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

到此这篇vue安装使用(vue ui安装)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • pcie5.0和pcie4.0区别显卡(pcie 4.0对显卡的性能提升有多大)2025-01-19 16:45:07
  • list转化为string(list转化为jsonarray)2025-01-19 16:45:07
  • idea tomcat8.5乱码(idea tomcat编码)2025-01-19 16:45:07
  • vue 安装(vue 安装module版本)2025-01-19 16:45:07
  • vue安装脚手架失败(vue安装脚手架报错)2025-01-19 16:45:07
  • map转json空值没了(map转json对象)2025-01-19 16:45:07
  • vue2父子组件传值(vue父子组件传值props)2025-01-19 16:45:07
  • vue安装步骤(怎么安装vue环境)2025-01-19 16:45:07
  • vue下载安装教程(vue 下载)2025-01-19 16:45:07
  • pcie5.0显卡插槽能上pcie4.0卡吗(pcie5.0对显卡有提升吗)2025-01-19 16:45:07
  • 全屏图片