前端-使用vue-cli脚手架创建项目

news/2024/12/12 0:27:35/

1.下载node:2.下载完检查是否安装成功

在cmd中输入:node --version或node -v 

再在cmd中输入: npm -v 

npm默认的仓库地址是在国外,速度慢,所以设置淘宝镜像,速度就提升了,不设淘宝镜像也可以。

3.设置淘宝镜像: npm config set registry http://registry.npm.taobao.org/

4.检查是否更换成功: npm config get registry

当出现以下代表设置成功。

5.安装vue-cli

6.检查vue-cli是否安装成功 ,使用命令:vue --version

 7.创建项目的时候有两种方式,方式一是命令创建项目,方式二是可视化界面创建项目,这里采用方式二使用可视化界面创建

8.在管理员运行的命令行窗口输入vue cli

9.自动打开下面的窗口

 10.点击完创建项目之后

11.如果成功了,会显示下面的界面 

 12.项目目录介绍,这个包很大,如果拿过来人家的没有这个目录,我们可以执行命令npm install 来下载这个包

13.使用可视化界面安装axios

14.使用可视化界面安装element

15.全局引入

 


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

相关文章

Hadoop生态圈框架部署(九-2)- Hive HA(高可用)部署

文章目录 前言一、Hive部署(手动部署)下载Hive1. 上传安装包2. 解压Hive安装包2.1 解压2.2 重命名2.3 解决冲突2.3.1 解决guava冲突2.3.2 解决SLF4J冲突 3. 配置Hive3.1 配置Hive环境变量3.2 修改 hive-site.xml 配置文件3.3 配置MySQL驱动包3.3.1 下在M…

opencvocr识别手机摄像头拍摄的指定区域文字,文字符合规则就语音报警

安装python,pycharm,自行安装。 Python下安装OpenCv 2.1 打开cmd,先安装opencv-python pip install opencv-python --user -i https://pypi.tuna.tsinghua.edu.cn/simple2.2 再安装opencv-contrib-python pip install opencv-contrib-python --user …

CSS Flexbox 与 Grid 布局详解

CSS Flexbox 与 Grid 布局详解 在现代网页设计中,布局的灵活性和响应性是至关重要的。CSS 提供了两种强大的布局工具:Flexbox 和 Grid。这两种布局方式各有优势,能够帮助开发者创建复杂的、响应式的网页布局。本文将深入探讨 CSS Flexbox 和…

C#怎么判断电脑是否联网

在 C# 中,可以通过几种方法检测计算机是否联网。以下是几种常用的方式: 1. 使用 System.Net.NetworkInformation.Ping 类 通过发送一个 Ping 请求到公共 DNS 服务器(如 Google 的 DNS 8.8.8.8)来检测是否联网。这是最常见的一种…

矩阵的加减

加法和减法都符合MATLAB的五种兼容模式,以加法为例: 1. A A A为一个矩阵, B B B为一个值 A B AB AB表示将矩阵 A A A中的每一个元素都加上 B B B 2. A A A为一个矩阵, B B B为一个矩阵且 A A A和 B B B同型矩阵 A B AB AB表示将矩阵 A …

Lumoz的ZK算力网络,加速以太坊3.0的到来

1.Lumoz 模块化计算层 Lumoz 协议是一个全球分布式模块化计算协议,致力于提供先进的零知识证明(ZKP)服务,支持ZK技术的发展,为ZK、AI等前沿技术提供强大的算力支撑。面对当前零知识计算领域计算成本的挑战&#xff0c…

013-SpringBoot 定义优雅的全局异常处理方式

SpringBoot 定义优雅的全局异常处理方式 一、概述二、定义全局异常接口三、定义全局异常枚举四、定义全局基础异常五、定义全局基础业务异常六、定义全局返回七、定义全局返回工厂八、全局异常处理九、实体类十、Controller十一、效果展示一、概述 在日常项目开发中,异常是常…

Python绘制3D散点图使用颜色表示数值大小

一、摘要 在进行数据可视化时,对于一元函数f(x)y数据我们可以使用二维平面图显示,x轴表示自变量,y轴表示函数值;对于二元函数f(x,y)z数据我们也可以使用三维图可视化,x和y轴表示自变量,z轴表示函数值。由于…