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

news/2024/10/25 5:25:00/

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

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

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

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

在这里插入图片描述

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

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

在这里插入图片描述

步骤三 ③依赖配置

在这里插入图片描述

选好之后按enter键🆗

步骤四 ④版本选择

在这里插入图片描述

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

在这里插入图片描述

步骤六 ⑥ 是否保存模板

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

步骤七 ⑦ 选择用yarn还是npm

在这里插入图片描述

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

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

最后一步 启动项目

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

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


http://www.ppmy.cn/news/5806.html

相关文章

基于HOG、LBP完成特征工程,基于SVM/RF/XGBOOST/GBDT/CNN/DNN完成人脸识别+表情识别

在我之前的文章中写过很多关于人脸识别和表情识别的文章,今天有一个项目的需求就是需要做两种或者是多种任务,我在开发完对应的模型之后就突然想到了之前做过的人脸识别和表情识别的项目,就想着是否可以基于机器学习/深度学习等方式来同时实现…

打造飞一样的前端:vue3应用打包优化

目录前言优化vue3构建的几点措施采用CDN压缩JS按需加载按需加载vxe-table按需加载element-plus总结前言 vue3应用上线后,一直受困于加载过慢,昨天终于坐下来做些优化。本想切换到webpack打包,但还是坚持了vite。 优化vue3构建的几点措施 采…

Hook原理

对于会Hook的人来说,Hook其实也就那么回事.对于没有Hook过的人来说,会感觉Hook很高大上(其实也没毛病). 那么今天我们就来探讨一些Hook的原理是什么. 我认为任何Hook都可以分为以下三步(简称WFH): 需要Hook的是什么,在哪里(后面简称Where). 寻找到Hook的地方.(后面简称Find)…

【用户交互】

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、用户交互3.1 函数返回码3.2 常用3.3 acedGetXXX函数3.3.1 常规3.3.2 acedInitGet3.3.3 选择实体3.4 选择集3.4.1 常用函数3.4.2 acedSSGet函数详解总结前言 本文就介绍了用户交互内容。 提…

Python基础知识入门(四)

Python基础知识入门(一) Python基础知识入门(二) Python基础知识入门(三) 一、条件控制 条件语句是通过一条或多条语句的执行结果(True 或者False)来决定执行的代码块。 注意&…

USB TO SPI(上海同旺电子)调试器调试MCP4822

所需设备: 1、USB TO SPI(上海同旺电子); 2、MCP4822:双通道12 位电压输出DAC; 特性 • MCP4802:双通道8 位电压输出DAC • MCP4812:双通道10 位电压输出DAC • MCP4822:双通道12 位电压输出DAC • 轨对…

华为OD机试真题 Python 实现【最多等和不相交连续子序列】【2022.11 Q4 新题】

目录 题目 思路 考点 Code 题目 题目描述 给定一个数组,我们称其中连续的元素为连续子序列,称这些元素的和为连续子序列的和。数组中可能存在几组连续子序列,组内的连续子序列互不相交且有相同的和。求一组连续子序列,组内子序列的数目最多。输出这个数目。输入描述: 第…

C语言重点解剖预处理要点速记

1.宏定义字符串的时候一定要带上双引号。 2.程序的翻译,就是把文本代码翻译成二进制代码。分为4个阶段,即预处理,编译,汇编,链接。 3.预处理:头文件展开,去注释,宏替换&#xff0c…