使用vue ui创建vue项目
vue ui是什么?
简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大
配置步骤
1、安装Vue CLI,因为vue ui是在Vue CLI基础上封装的
ps:vue ui命令是vue 3.x版本以上才支持,如果之前安装过 使用vue -V 查看一下版本 如果版本太低 因此需要更新vue的版本。 步骤:
1.1 首先使用以下命令卸载旧版本:npm uninstall vue-cli -g;
2.2 然后使用下面命令安装最新版本:npm i -g @vue/cli ;
2.3 使用 vue -V 查看版本 如下
2.4 输入 vue -h 命令查看commands,发现已经有 ui [oprions] 的选项 了。 如下图:
2、使用使用vue ui创建vue项目
2.1 在cmd窗口输入vue ui命令,等待自动打开浏览器窗口如下:
2.2点击左上角的下拉箭头,选择Vue 项目管理器,再点击创建,自定义项目路径,然后点击在此创建新项目
2.3 接着填写项目名称,可以选择把初始化Git仓库勾选掉,点击下一步
2.4 选择手动配置预设,点击下一步
2.5 在默认的基础上,勾选下面两项,然后点击下一步:
2.6 在配置的页面勾选如下,然后点击创建项目,等待创建完成:
2.7 选择不创建预设,创建项目:
2.8 等待创建完成后,点击任务,点击server,点击运行,等待启动,最后点击启动app。至此,就完整创建了一个vue项目。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库