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

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

news 2025/10/31 17:41:32

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

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

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

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

在这里插入图片描述

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

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

在这里插入图片描述

步骤三 ③依赖配置

在这里插入图片描述

选好之后按enter键🆗

步骤四 ④版本选择

在这里插入图片描述

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

在这里插入图片描述

步骤六 ⑥ 是否保存模板

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

步骤七 ⑦ 选择用yarn还是npm

在这里插入图片描述

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

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

最后一步 启动项目

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

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

http://www.dtcms.com/a/473.html

相关文章：

  • 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基础操作汇总（干货）
  • Web3中文｜随着世界杯结束，web3体育可能达到800亿美元
  • 突然 Java 倒下了......
  • 谷粒学院——Day12【整合阿里云短信服务、首页登录和注册】
  • 一种基于改进粒子群的多小区天线联合优化算法
  • SAP如何删除一个已经释放的请求 (SE38 : RDDIT076)
  • [附源码]Python计算机毕业设计Django医院门诊管理信息系统
  • 【C++】继承与面向对象设计
  • Qt之天气预报——界面优化篇（含源码+注释）
  • 对于LayoutInflater.from(this).inflate()方法的理解
  • koa 使用