vue_cli安装和vue ui使用

发布于:2022-10-14 ⋅ 阅读:(372) ⋅ 点赞:(0)

vue_cli

相信大家对于脚手架安转已经是形影流水

安装命令
npm install -g @vue/cli
或者是加上指定版本号
安装成功后输入
vue -V检查是否安装成功

vue ui

在说vue ui前先说说普通的安装,在我们之前使用vuex或者是vue_router等第三方都是需要在项目中去输入命令去安装,并且有的时候安转还不成功,那么vue ui就是解决这一痛点,在我们构建好项目后输入 vue ui命令会自动打开一个可视化界面
请添加图片描述
请添加图片描述
那么这个时候你可以看到显示了项目管理器有三个选项
如果是没有导入项目需要点击导入项目,把本地的项目路径进行导入
请添加图片描述
导入成功后在项目中会显示你的导入项目路径点击进入请添加图片描述
进入后显示
在这里插入图片描述
对于其他的就不做介绍了,在当前左侧目录中选择插件请添加图片描述
我在这个地方搜索了element ui点击下面搜索的插件安装请添加图片描述
安装好后就可以在目录中看到你的插件信息,如vue_router安装好后在项目中会给我们自动引入当前文件请添加图片描述