首页 > 其他分享 >基于图形化界面的方式创建vue2项目

基于图形化界面的方式创建vue2项目

时间:2022-12-28 15:36:06浏览次数:45  
标签:vue 界面 项目 创建 点击 vue2 打开 图形化

前提是安装vue-cli
npm i -g @vue/cli

接下来使用vue ui 创建vue项目

vue ui

image

浏览器自动打开

image

点击创建,然后去到你想把创建的项目放到的位置
如果到不了那个位置,就window + E 打开打开文件夹去到那个位置,之后再在文件夹的搜索中输入cmd打开命令提示符窗口,输入vue ui再次打开界面,此时位置就是你想保存项目的位置了。

image

点击再次创建项目

image

输入项目名称,其他配置随便你,点击下一步

点击手动配置,下一步

image

把vue-outer和vuex选上,把代码检查关了,点击下一步
image

创建vue2项目,下一步

image

点击创建项目,不保存预设
image

等一会儿,项目就创建好了。创建好之后,关闭命令提示符窗口,用开发工具打开,我用的是vscode,不用npm install,项目创建时就已经给你下载好了,直接npm run serve 看看效果

image

一个vue2项目就创建好了,之后再将路由和欢迎页,home页面,about页面删掉就是一个空的vue项目了。

标签:vue,界面,项目,创建,点击,vue2,打开,图形化
From: https://www.cnblogs.com/Fantasyfzg/p/17010157.html

相关文章

  • CentOS 7 关闭图形界面
    centos71.关闭图形界面systemctlset-defaultmulti-user.target2.开启图形界面systemctlset-defaultgraphical.target......
  • 银河麒麟系统输入正确用户名密码重新跳转到登录界面
    银河麒麟系统输入正确用户名密码重新跳转到登录界面問題:麒麟操作系统图形界面登录闪退,或输入正确用户名密码重新跳转到登录界面問題分析:1、磁盘原因:可能”/”分区被占......
  • 【开源】基于.net6+gtksharp实现的Linux下的图形界面串口调试工具
    背景参考okeyl.com22年初从上家互联网公司离职以后,充分认识到互联网行业的风险,公司在没有自身稳定产品的情况下,互联网行业就是一个烧钱的行业,支出远远大于收入来......
  • Vuex的简单使用,基于Vue2
    模仿他的,项目地址https://github.com/iamshaunjp/vuex-playlist视频地址https://www.youtube.com/watch?v=BGAu__J4xoc&list=PL4cUxeGkcC9i371QO_Rtkl26MwtiJ30P2&index......
  • 网络程序设计 实验5 图形化Ping工具
    实验5图形化Ping工具实验目的:用图形界面实现Ping操作。开发语言与工具:VC实验要求:1.使用MFC编程。2.界面上有目标地址栏,信息框和ping按钮。3.使用原始套接字实......
  • 前端·学习 | 模态框式的登录界面
    ​ 目录前言:特效展示实现代码:html部分:css部分:js部分:总结:前言:个人学习内容分享特效展示前端特效学习(二)实现代码:html部分:模态框形式的登录窗口<!D......
  • UE4界面显示文本换行
    方法:给字符串后边追加一个文本,文本的内容是按住shift+enter输入的一个换行,顶他个肺~  效果:特别鸣谢:unrealUMG中的文本动态赋值,如何实现换行?UE富文本怎么用?一个视......
  • LVGL视频播放界面实现方法
    1.主题LVGL视频播放界面实现方法2.问题背景使用LVGL开发且需要在UI下显示视频或者显示摄像头数据,但是不知道如何实现,要么是只显示UI,要么就只显示视频。3.具体表现可以......
  • 【Vue2.0与Vue3.0区别总结】
    vue2.0和vue3.0区别结构部分程序主入口文件main.jsvue2.0vue3.0-暴露出createApp方法组件语法部分(vue3.0主要针对api的优化,vue3.0兼容vue2.0写法)vue3.0使用​​组......
  • 【开源】基于.net6+gtksharp实现的Linux下的图形界面串口调试工具
    背景22年初从上家互联网公司离职以后,充分认识到互联网行业的风险,公司在没有自身稳定产品的情况下,互联网行业就是一个烧钱的行业,支出远远大于收入来源,上家公司就是如......