1.在命令行中输入vue ui点击回车(前提是你的环境已经配置好了)

2.自动弹出一个网页,点击中间的创建分类栏目,并选择好文件夹目录

3.点击在此创建新项目

4.输入项目的名称点击下一步按钮

5.选择手动,点击下一步
6.根据项目的需求勾选,本项目勾选了以下几项

7.点击下一步按钮

8.让你选择模式,如果之前有的话可以选择。第二行选择标准检查规范,点击创建项目按钮

9.点击创建项目不保存预设

10.等待一会

你会看到命令行中代码飞速的运转,证明正在创建…

11.看到下面页面,说明创建成功了

11.点击任务-serve-运行

12.在浏览器中输入端口地址访问前端 http://localhost:8080

怎么样用vue ui来创建一个vue项目相关推荐

  1. 安装Vue node 及 创建一个Vue 项目

    安装Vue 和 node 及 创建一个Vue 项目 一 下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...

  2. 第三节:创建一个Vue实例,超简单

    最近事多,更新稍慢了点,距离第二节推送快一周了. 我们之前说过,Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新.那么, ...

  3. Vue学习笔记:创建一个Vue实例

    目录 1.访问Vue官网https://cn.vuejs.org,进入学习模块下的教程 2.创建页面index.html 3.通过script标签在head部分引入vue.js 4.在body部分创建 ...

  4. 使用VSCode创建一个Vue项目

    使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...

  5. Vue.js 学习笔记十二:Vue CLI 之创建一个项目

    目录 创建一个项目 创建一个项目 运行以下命令来创建一个新项目: vue create vuecli-demo 你会被提示选取一个 preset.你可以选默认的包含了基本的 Babel + ESLin ...

  6. 使用webpack脚手架创建一个vue项目

    使用webpack脚手架创建一个vue项目 前言介绍 前期环境准备 开始创建项目 实例 交流 前言介绍 创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...

  7. vue ui网页创建项目失败

    vue ui网页创建项目失败出现"Cannot set property 'context' of null"错误 原因:vue-cli脚手架版本不正确 解决方法:我第一次安装的是 ...

  8. 如何创建一个vue项目

    首先要准备好node.js  npm,vue-cli 创建一个vue项目,使用脚手架创建具体命令如下 vue init webpack 项目名称 然后回车 Project name  项目名称   ( ...

  9. 从零开始创建一个vue项目 1

    从零开始创建一个vue项目 创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...

最新文章

  1. 尸鬼封尽の覆盖源码 管你什么鬼一招解决
  2. ASP.NET服务器控件的生命周期分析
  3. android 增删改查 源码_学生信息增删改查小程序案例(springboot服务端)
  4. 10 个常用的软件架构模式
  5. 怎么确保网站的可用性
  6. 18个设计精美的旅游及酒店网站案例
  7. 机器学习线性回归学习心得_机器学习中的线性回归
  8. java 8 foreach获取索引
  9. NLP硬核入门-Seq2Seq和Attention机制
  10. day04-商城后台搭建
  11. 使用NBU备份数据文件和Oracle
  12. 学英语三个月超过你过去学三年
  13. JavaScript常用库和API学习文档
  14. 【强化学习】基本知识梳理
  15. 【武汉加油!中国加油!】挑战七天 实现机器视觉检测有没有戴口罩系统——第四五六七天
  16. Cookie存储购物车
  17. ps的两种填充效果快捷键
  18. 如何用数学课件制作工具奇数等分圆
  19. nginx 配置集群
  20. 使用美国国立医学图书馆编辑的最新版Index Medicus中医学主题词表(MeSH)

热门文章

  1. servlet解析演进(2-1)
  2. 高性能网络编程1----accept建立连接
  3. 管理组、路由组、用户邮箱,数据库他们之间的关系和区别
  4. 通过live555实现H264 RTSP直播
  5. 基于3G网络的汽车防盗报警系统视频监控设计
  6. c++socket多个客户端通过不同端口与一个服务端通信_手写RPC,深入底层理解整个RPC通信...
  7. 怎么把数字替换成空格_剑指offer04:替换空格
  8. 学python什么视频教程_学习python有什么好的视频教程?
  9. 用c语言读取固定大小的raw格式图像并统计灰度值
  10. 得到不小于x的最小的2的幂