使用vue-ui新建一个vue项目
@vue/cli-ui 是 vue-cli 内置的一套成熟的 UI。
Vue-cli 的 3.x 版本由内到外完全重写,带来了许多很棒的新特性。你可以在你的项目中选用路由、Vuex 和 Typescript 等等特性,并为项目添加“vue-cli 插件”。不过,这么多的选项也意味着它更加复杂,难以上手。因此我们认为,相比局限的命令行界面,一个成熟的 GUI 更能帮助你发掘这些新特性,搜索和安装 vue-cli 插件,解锁更多可能。总的来说,vue-cli 不仅能让你轻松启动新项目,并且在后续的工作中仍会是你的得力助手。
前提:
安装node,vue cli
1.开启vue ui服务
快捷键 win+r 打开 cmd 输入下面命令
vue ui
2.打开浏览器,地址栏输入 localhost:8080
3.创建项目
输入你要新建的项目的存储地址,选中目录
输入项目名称,包管理器自行选择(可选npm),git也可不选,点击下一步
选择手动,后面可自行配置
可自行选择配置,建议把format 去掉, 选中 router, 选中使用配置文件, 点击下一步
可自行选择:vue版本,路由模式(history模式无#),样式处理器
点击创建项目,是否保存预设自行选择,等待创建成功,终端如图所示:
创建成功会自动进入项目仪表盘,没进入需要自行导入
进入项目仪表盘:
点击任务-serve-运行
打开8080 ,成功