当前位置: 首页 > news >正文

通过脚手架vue-cli创建一个vue项目

我需要在vue-demo文件下新建vue项目
在这里插入图片描述

步骤一 ①在该文件夹下打开集成终端 输入创建命令

在这里插入图片描述
在这里插入图片描述

命令 vue create + 项目名称 ,注意不要使用驼峰命名法

在这里插入图片描述

如果是第一次配置,有面的提示,这里说你这样速度会很慢的,用不用镜像啊,这里我们选择 y 是

步骤二 ②选择自己配置项目

在这里插入图片描述

步骤三 ③依赖配置

在这里插入图片描述

选好之后按enter键🆗

步骤四 ④版本选择

在这里插入图片描述

步骤五 ⑤选择CSS预处理样式

在这里插入图片描述

步骤六 ⑥ 是否保存模板

在这里插入图片描述
在这里插入图片描述

步骤七 ⑦ 选择用yarn还是npm

在这里插入图片描述

如果之前选过了这个有可能不会出现

加载完成之后你的项目下会有你刚命名的文件
在这里插入图片描述

最后一步 启动项目

启动前千万注意,一定要进到你的项目目录下 使用yarn serve或者npm run serve命令

在这里插入图片描述
在这里插入图片描述
最后是这个界面。能跑开就说明成功了!
在这里插入图片描述

相关文章:

  • JS圣诞树
  • Linux 安装nginx, 搭建nginx文件服务器
  • [洛谷]P3613 【深基15.例2】寄包柜
  • 蓝桥杯-飞行员兄弟
  • Bash 中的 Echo 换行符打印文字 \n
  • 【力学性能预测】基于BP神经网络的钢板力学性能预测(附完整代码和数据集,系列1)
  • 基于pytorch搭建CNN 对人像是否戴口罩进行检测分类 详细教程
  • 【正点原子I.MX6U-MINI移植篇】kernel移植过程详解(二)
  • ConfigParser模块
  • (一)汇编语言——基础知识
  • 5 | 如何更换证书
  • python新年倒计时代码
  • 电脑系统下载的镜像文件在哪里图解
  • 在tushare量化平台可以获取哪些数据?
  • Java+SSM客户信息管理系统(含源码+论文+答辩PPT等)
  • 设计测试用例的方法
  • 安卓架构-内核
  • 2022年总结——实习
  • Python爬虫详解
  • MySQL基础操作汇总(干货)
  • 五一假期上海推出首批16条“市民健康路线”,这些健康提示请收好
  • 第二艘国产大型邮轮爱达·花城号完成坞内起浮
  • 加拿大今日大选:房价、印度移民和特朗普,年轻人在焦虑什么?
  • 凝聚多方力量,中国农科院油菜产业专家团部署单产提升新任务
  • 美银证券前董事总经理胡霁光履新,任摩根士丹利中国区副主席
  • 成都一季度GDP为5930.3亿元,同比增长6%