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

vue-cli搭建过程（HBuilder X搭建）

news 文章来源：https://blog.csdn.net/m0_71385141/article/details/133530584 2025/1/15 17:47:45

vue.js:前端主流框架（对某一方面技术完整的封装，是一套完善的解决方案）

vue-cli搭建项目（官方提供脚手架）

vue脚手架：是一套项目搭建的快捷方式，可以将项目中的依赖集成进来，生成统一的项目结构，方便测试、打包。

使用前提：

①需要在前端安装node环境 （js语言解释器）。

②npm：node.js包管理工具

Node.js的安装

下载 | Node.js

官网下载并安装，因为这里所搭建的vue2版本，所以对node的版本和npm版本要求不能太高，node 是v13.14.0，npm是v6.14.4。

 

 

 这里不勾选。

 

点击Install，立即安装 

 

安装完成。

打开 cmd测试，查看node和npm版本，安装成功！

vue-cli的搭建

新建项目，在普通项目中找到vue（2.6.10）的版本

稍等片刻即可。 

 

创建成功！ 

 

一个完整的vue项目目录

 

打开控制台

 

输 入npm run serve.

注意需要在当前目录路径下打开。

如果失败，点击运行，继续点npm run serve

出现如下图所示即表示运行成功，可通过链接地址即可访问当前项目

 

 在命令行中通过CTRL+c停止服务。

组件路由

vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。

打开命令行，进入项目目录，输入npm i vue-routere@3.5.3

 

相关文章：

vue-cli搭建过程（HBuilder X搭建）

vue.js:前端主流框架（对某一方面技术完整的封装，是一套完善的解决方案） vue-cli搭建项目（官方提供脚手架） vue脚手架：是一套项目搭建的快捷方式，可以将项目中的依赖集成进来，生成统…...

编程日记 2023/10/3 23:44:18

MySQL索引：结构、语法、分类和优化

MySQL索引是数据库中非常关键的性能优化手段。它们提供了快速访问数据的方法，同时也可以极大地提高查询效率。本文将深入介绍MySQL索引的结构、语法、分类，以及如何使用Profile和EXPLAIN来优化查询性能，带有详细的实例演示。 索引结构 MySQ…...

编程日记 2023/10/3 23:41:15

Vue中添加旋转动画

// transform: scale(1.2) rotate(-180deg); 放大 旋转 // transform: rotate(-180deg); 旋转 <i class"el-icon-close"></i>i {font-size: 20px;line-height: 24px;transition: transform 0.2s linear;}i:hover {color: red;transform-origin: cen…...

编程日记 2023/10/3 23:40:14

基于SSM农产品商城系统

基于SSM农产品商城系统的设计与实现&#xff0c;前后端分离&#xff0c;文档 开发语言&#xff1a;Java数据库&#xff1a;MySQL技术&#xff1a;SpringSpringMVCMyBatisVue工具&#xff1a;IDEA/Ecilpse、Navicat、Maven 系统展示 农产品列表 产品详情 个人中心 登陆界面 管…...

编程日记 2023/10/3 23:39:13

基于matlab创作简易表白代码

一、程序 以下是一个基于MATLAB的简单表白代码&#xff1a; % 表白代码 clc; % 清除命令行窗口 clear; % 清除所有变量 close all; % 关闭所有图形窗口 % 输入被表白者的名字 name input(请输入被表白者的名字&#xff1a;, s); % 显示表白信息 fprintf(\n); fprintf(亲爱的…...

编程日记 2023/10/3 23:35:10

pandas

一、pandas初级 安装matplotlib:pip install matplotlib 安装pandas:pip install pandas 本地C:\Users\Administrator\pip&#xff0c;在此目录配置清华园的远程下载 配置内容&#xff1a; [global] index-urlhttps://pypi.tuna.tsinghua.edu.cn/simple [install] trusted-ho…...

编程日记 2023/10/3 23:32:07

使用关键字interface来声明使用接口-PHP8知识详解

继承特性简化了对象、类的创建&#xff0c;增加了代码的可重用性。但是php8只支持单继承&#xff0c;如果想实现多继承&#xff0c;就需要使用接口。PHP8可以实现多个接口。 接口类通过关键字interface来声明&#xff0c;接口中不能声明变量&#xff0c;只能使用关键字const声明…...

编程日记 2023/10/3 23:31:06

计算机毕业设计 基于SSM的高校毕业论文管理系统小程序的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍&#xff1a;✌从事软件开发10年之余&#xff0c;专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb;…...

编程日记 2023/10/3 23:30:05

【Java 进阶篇】JDBC查询操作详解

在数据库编程中&#xff0c;查询是一项非常常见且重要的操作。JDBC&#xff08;Java Database Connectivity&#xff09;提供了丰富的API来执行各种类型的查询操作。本篇博客将详细介绍如何使用JDBC进行查询操作&#xff0c;包括连接数据库、创建查询语句、执行查询、处理结果集…...

编程日记 2023/10/3 23:29:03

我的企业证书是正常的但是下载应用app到手机提示无法安装“app名字”无法安装此app，因为无法验证其完整性解决方案

我的企业证书是正常的但是下载应用app到手机提示无法安装“app名字”无法安装此app&#xff0c;因为无法验证其完整性解决方案 首先&#xff0c;确保您从可信任的来源下载并安装企业开发者签名过的应用程序。如果您不确定应用程序的来源&#xff0c;建议您联系应用程序提供者…...

编程日记 2023/10/3 23:26:50

【数据结构】排序(2)—冒泡排序 快速排序

目录 一. 冒泡排序 基本思想 代码实现 时间和空间复杂度 稳定性 二. 快速排序 基本思想 代码实现 hoare法 挖坑法 前后指针法 时间和空间复杂度 稳定性 一. 冒泡排序 基本思想 冒泡排序是一种交换排序。两两比较数组元素&#xff0c;如果是逆序(即排列顺序与排序后…...

编程日记 2023/10/3 23:24:48

Redis与分布式-分布式锁

接上文 Redis与分布式-集群搭建 1.分布式锁 为了解决上述问题&#xff0c;可以利用分布式锁来实现。 重新复制一份redis&#xff0c;配置文件都是刚下载时候的不用更改&#xff0c;然后启动redis服务和redis客户。 redis存在这样的命令&#xff1a;和set命令差不多&#xff0…...

编程日记 2023/10/3 23:23:47

docker安装nginx详解

创建html的挂载目录docker volume create nginx8020 创建conf的挂载目录mkdir -p /opt/nginx/conf 拉取镜像docker pull nginx 初始化挂载目录的配置文件docker run --rm --name nginx-short -p 8020:80 -d nginx docker cp nginx-short:/etc/nginx/nginx.conf /opt/nginx/…...

编程日记 2023/10/3 23:22:46

优化思考二

优化思考一_云湖在成长的博客-CSDN博客 翻到了两年前写文章&#xff0c;有了不一样的观点。 先说一样的想法吧&#xff1a;数据&#xff08;输入&#xff09;>>优化模型&#xff08;处理&#xff09;>>结果方案&#xff08;输出&#xff09;。优化是其中最重要的…...

编程日记 2023/10/3 23:20:43

大模型微调概览

文章目录 微调 和 高效微调高效微调技术方法概述高效微调方法一：LoRA高效微调方法二: Prefix Tuning高效微调方法三: Prompt Tuning高效微调方法四: P-Tuning v2基于强化学习的进阶微调方法RLHF 训练流程微调 和 高效微调 微调，Fine-Tuning， 一般指全参数的微调(全量微调)，…...

编程日记 2023/10/3 23:18:41

利用norm.ppfnorm.interval分别计算正态置信区间[实例]

scipy.stats.norm.ppf用于计算正态分布的累积分布函数CDF的逆函数&#xff0c;也称为百分位点函数。它的作用是根据给定的概率值&#xff0c;计算对应的随机变量值。scipy.stats.norm.interval&#xff1a;用于计算正态分布的置信区间&#xff0c;可指定均值和标准差。scipy.st…...

编程日记 2023/10/3 23:17:41

计算机网络各层设备

计算机网络通常被分为七层&#xff0c;每一层都有对应的设备。以下是各层设备的简要介绍&#xff1a; 物理层&#xff08;Physical Layer&#xff09;&#xff1a;负责传输二进制数据位流的物理媒体和设备&#xff0c;例如网线、光纤、中继器、集线器等。 数据链路层&#xf…...

编程日记 2023/10/3 23:13:36

java this用法

在Java中&#xff0c;this是一个关键字&#xff0c;表示当前对象。它可以用来引用当前对象的实例变量、实例方法或者调用当前对象的构造方法。在本文中&#xff0c;我们将深入探讨Java中this关键字的用法。 1. 引用当前对象的实例变量 在Java中&#xff0c;this关键字可以用来…...

编程日记 2023/10/3 23:12:35

【AI视野·今日NLP 自然语言处理论文速览 第四十六期】Tue, 3 Oct 2023

AI视野今日CS.NLP 自然语言处理论文速览 Tue, 3 Oct 2023 (showing first 100 of 110 entries) Totally 100 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computation and Language Papers Its MBR All the Way Down: Modern Generation Techniques Through the …...

编程日记 2023/10/3 23:11:34

Unity ddx与ddy

有关Unity的dx与dy的概念 引用的文章 1link 2link 3link 4link 有关概念 我们知道在光栅化的时刻&#xff0c;GPUs会在同一时刻并行运行很多Fragment Shader&#xff0c;但是并不是一个pixel一个pixel去执行的&#xff0c;而是将其组织在2x2的一组pixels分块中&#xff0c;…...

编程日记 2023/10/3 23:10:33

bootstrap.xml 和applicaiton.properties和applicaiton.yml的区别和联系

当谈到Spring Boot应用程序的配置时&#xff0c;有三个关键文件经常被提到&#xff1a;bootstrap.xml、application.properties和application.yml。这些文件在应用程序的不同阶段起着不同的作用&#xff0c;并在配置应用程序属性时有一些区别和联系。本文将探讨这些文件的作用、…...

编程日记 2023/10/3 23:08:31

基于被囊群优化的BP神经网络（分类应用） - 附代码

基于被囊群优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于被囊群优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.被囊群优化BP神经网络3.1 BP神经网络参数设置3.2 被囊群算法应用 4.测试结果&#x…...

编程日记 2023/10/3 23:06:28

我的第一个react.js 的router工程

react.js 开发的时候&#xff0c;都是针对一个页面的&#xff0c;多个页面就要用Router了&#xff0c;本文介绍我在vscode 下的第一个router 工程。 我在学习react.js 前端开发&#xff0c;学到router 路由的时候有点犯难了。经过1-2天的努力&#xff0c;终于完成了第一个工程…...

编程日记 2023/10/3 23:05:27

XXPermissions权限请求框架

官网 项目地址&#xff1a;Github博文地址&#xff1a;一句代码搞定权限请求&#xff0c;从未如此简单 框架亮点 一马当先&#xff1a;首款适配 Android 13 的权限请求框架简洁易用&#xff1a;采用链式调用的方式&#xff0c;使用只需一句代码体积感人&#xff1a;功能在同类…...

编程日记 2023/10/3 23:00:23

远程代码执行渗透测试—Server2128

远程代码执行渗透测试 任务环境说明&#xff1a; √ 服务器场景&#xff1a;Server2128&#xff08;开放链接&#xff09; √服务器场景操作系统&#xff1a;Windows √服务器用户名&#xff1a;Administrator密码&#xff1a;pssw0rd 1.找出靶机桌面上文件夹1中的文件RCEBac…...

编程日记 2023/10/3 22:59:22

阿里云关系型数据库有哪些？RDS云数据库汇总

阿里云RDS关系型数据库大全&#xff0c;关系型数据库包括MySQL版、PolarDB、PostgreSQL、SQL Server和MariaDB等&#xff0c;NoSQL数据库如Redis、Tair、Lindorm和MongoDB&#xff0c;阿里云百科分享阿里云RDS关系型数据库大全&#xff1a; 目录 阿里云RDS关系型数据库大全 …...

编程日记 2023/10/3 22:58:21

Linux--socket编程--服务端代码

查看struct sockaddr_in包含的东西&#xff1a; 在/user/include下搜索&#xff1a;grep "struct sockaddr_in { " * -nir r : 递归 i &#xff1a; 不区分大小写 n : 显示行号 socket编程–服务端代码 /* 1、调用 socket 创建套接字 2、调用 bind 添加地址 3、lis…...

编程日记 2023/10/3 22:54:17

安装Vue脚手架图文详解教程

版权声明 本文原创作者&#xff1a;谷哥的小弟作者博客地址&#xff1a;http://blog.csdn.net/lfdfhl 预备工作 在安装Vue脚手架之前&#xff0c;请确保您已经正确安装了npm&#xff1b;假若还尚未安装npm&#xff0c;请你参考 Node.js安装教程图文详解。 安装Vue脚手架 请…...

编程日记 2023/10/3 22:53:17

宠物医院必备，介绍一款宠物疫苗接种管理软件

在当今社会&#xff0c;养宠物已经成为越来越多人的生活方式&#xff0c;宠物疫苗接种已是宠物医院的重要工作&#xff0c;但是目前绝大多数的宠物医院对疫苗接种的管理&#xff0c;还是采取人工登记方式&#xff0c;不仅效率低下&#xff0c;而且无法做到疫苗接种到期自动提醒…...

编程日记 2023/10/3 22:52:16

哈哈，我保研985了，之后会出一期保研经验分享

哈哈&#xff0c;我保研了&#xff0c;之后会出一期保研经验分享 个人背景 学校&#xff1a;河南某四非&#xff0c;计算机科学与技术专业英语成绩&#xff1a;四级439&#xff0c;六级438&#xff08;夏令营无六级&#xff09;科研经历&#xff1a;一个软著、国家级大创&…...

编程日记 2023/10/3 22:50:14

丹东谁做微网站/深圳seo优化培训

小伙伴们&#xff0c;我们分享继续哦第一节进程和线程https://www.bilibili.com/video/BV137411V7Y1/?p1951.1 进程和线程程序Program是一段静态的代码&#xff0c;它是应用程序执行的蓝本进程Process是指一种正在运行的程序&#xff0c;有自己的地址空间进程的特点动态性并发…...

编程日记 2025/1/15 16:46:11

网站运维工作内容/长安网站优化公司

贵阳中职计算机专业学校就找贵阳重点中职学校。 不上高中怎么办&#xff1f;首先&#xff0c;如果初三没有考上高中&#xff0c;一定不要出去打工&#xff0c;初中毕业也就十五六岁的年纪&#xff0c;没有技能、没有学历&#xff0c;更没有社会经验&#xff0c;如果此时过早的进…...

编程日记 2025/1/15 12:21:26

潮州市住房和城乡建设局网站/市场营销方案

在有些情况下&#xff0c;我们不希望自己的shell脚本在运行时刻被中断&#xff0c;比如说我们写得shell脚 本设为某一用户的默认shell&#xff0c;使这一用户进入系统后只能作某一项工作&#xff0c;如数据库备份&#xff0c; 我 们可不希望用户使用ctrlC之类便进入到shell状…...

编程日记 2025/1/15 11:18:22

企业网站建设版本/今日热点新闻头条国内

介绍在linux6.5中已经自带了python 2.6,并且yum程序使用的就是自带的python,所以系统自带的python不要随意卸载否则可能导致yum用不了。测试环境&#xff1a;centos6.7python:python 3.5.2&#xff1b;下载地址&#xff1a;https://www.python.org/ftp/python/3.5.2/安装python…...

编程日记 2025/1/15 8:35:32

做网站推销手表/抖音推广平台联系方式

Description 在数学上&#xff0c;平面直角坐标系上的点用X轴和Y轴上的两个坐标值唯一确定。现在我们封装一个“Point类”来实现平面上的点的操作。 根据“append.cc”&#xff0c;完成Point类的构造方法和show()方法&#xff0c;输出各Point对象的构造和析构次序。实现showPoi…...

编程日记 2025/1/15 7:28:20

青海建设厅通报网站/seo提升关键词排名

作者简介李剑&#xff0c;携程系统研发部技术专家&#xff0c;负责Redis和Mongodb的容器化和服务化工作&#xff0c;喜欢深入分析系统疑难杂症。前言随着携程的应用大规模在生产上用容器部署&#xff0c;各种上规模的问题都慢慢浮现&#xff0c;其中比较难定位和解决的就是偶发…...

编程日记 2025/1/15 7:26:19