Vue-cli项目搭建(可视化)

Posted caomusheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-cli项目搭建(可视化)相关的知识,希望对你有一定的参考价值。

输入 

vue ui

 

技术图片

 

 

 

 自动弹出这个界面

技术图片

 

 

 

创建项目

选择创建的位置

创建新项目

技术图片

 

 

 

输入项目名,合法即可,其它不用管

技术图片

 

 

选择我们的配置方式,咱们先手动

技术图片

 

 

 

 

 

选中一些我们需要的功能

技术图片

 

 

 

技术图片

 

 

 

 

修改下配置标准

技术图片

 

 

 是否保存模板,保存一下,方便下次创建

技术图片

 

 

等待创建完成

技术图片

 

 

我们可以查看项目依赖的一些信息,也可以按照依赖,先来启动项目

技术图片

 

 

点右边的输出,再点击网址就可以访问了

技术图片

 

以上是关于Vue-cli项目搭建(可视化)的主要内容,如果未能解决你的问题,请参考以下文章

基于vue-cli搭建vue项目开发环境

搭建vue-cli脚手架

vue-cli搭建项目的目录结构及说明

使用vue-cli脚手架搭建项目,保存编译时出现的代码检查错误(ESLint)

vue-cli 快速搭建脚手架

使用vue-cli4.5.x快速搭建项目