Vue学习之使用开发工具创建项目、gitcode管理项目

Vue学习之使用开发工具创建项目、gitcode管理项目

翻阅与学习了vue的开发工具,通过对比最终采用HBuilderX作为开发工具,以下章节对HBuilder安装与基础使用介绍

1. HBuilder 下载

从HbuildX官网(http://www.dcloud.io/hbuilderx.html)下载hbuildx安装文件(已提供,无需下载),下载后,直接解压就可以使用。
在这里插入图片描述

2.使用HBuilderx创建项目

(1)解压后直接双击运行HBuilderX.exe,打开HBuilderX窗口,选择文件->新建->项目,在打开的窗口中选择你安装的vue版本的选项,输入你的项目名称(注意不要使用中文及大小写字母混用)选择项目位置,再点击创建按钮即可

在这里插入图片描述
在创建项目时,有提示创建进度,创建完成后会给与项目[项目名称]创建成功的提示。
在这里插入图片描述

3.运行配置

右击项目文件夹选择外部命令->3运行设置,打开运行设置窗口,把npm路径修改为安装目录下的npm.cmd所在路径,node路径修改为安装目录下的node.exe所在路径,点击保存,node环境就关联好了
在这里插入图片描述
在这里插入图片描述

4.运行项目

(1)编译项目。选择外部命令->npm run build编译项目
在这里插入图片描述
在这里插入图片描述
可以看到编译过程中报错了,由于博主使用的最新版本,修改package.json中scripts的内容,保存后可直接在终端-外部命令中输入npm run build命令重新编译,图2为编译成功输出
在这里插入图片描述
图1
在这里插入图片描述
图2
(2)运行项目。选择外部命令->npm run serve运行项目,启动完成后,终端会提示本地访问和访问地址,
在这里插入图片描述
直接点击链接或者复制到浏览器中打开如下图:

在这里插入图片描述
默认端口号为8080,若想更改端口号,修改package.json中的scripts在serve内容中加 --port 端口号即可

 "scripts": {"serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --port 8089","build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"},

5. 版本管理

HBuilder中支持托管到git平台,请在操作之前确保安装git环境及gitcode账号
(1)右击项目文件夹,选择“托管项目到GIT平台”点击托管
在这里插入图片描述
在这里插入图片描述
托管完成后可访问https://gitcode.net/查看您的项目及添加成员相关操作
在这里插入图片描述
其他成员可根据地址拉取项目,在执行新建操作时选择从Git导入项目
在这里插入图片描述
在这里插入图片描述
以上简述HBuilderX 对vue项目创建与使用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/655529.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot 实现定时任务

在项目我们会有很多需要在某一特定时刻自动触发某一时间的需求,例如我们提交订单但未支付的超过一定时间后需要自动取消订单。 定时任务实现的几种方式: Timer:java自带的java.util.Timer类,使用这种方式允许你调度一个java.util…

「HDLBits题解」Finite State Machines

本专栏的目的是分享可以通过HDLBits仿真的Verilog代码 以提供参考 各位可同时参考我的代码和官方题解代码 或许会有所收益 题目链接:Fsm1 - HDLBits module top_module(input clk,input areset, // Asynchronous reset to state Binput in,output out);// para…

制作OpenSSH 9.6 for openEuler 22.03 LTS的rpm升级包

OpenSSH作为操作系统底层管理平台软件,需要保持更新以免遭受安全攻击,编译生成rpm包是生产环境中批量升级的最佳途径。本文在国产openEuler 22.03 LTS系统上完成OpenSSH 9.6的编译工作。 一、编译环境 1、准备环境 基于vmware workstation发布的x86虚…

知识笔记(一百)———什么是okhttp?

OkHttp简介: OkHttp 是一个开源的、高效的 HTTP 客户端库,由 Square 公司开发和维护。它为 Android 和 Java 应用程序提供了简单、强大、灵活的 HTTP 请求和响应的处理方式。OkHttp 的设计目标是使网络请求变得更加简单、快速、高效,并且支持…

gitee仓库项目迁移到gitlab仓库

背景 之前一直使用gitee代码仓库提交代码,现在需要将gitee仓库中的代码迁移到gitlab中,并保留原有的提交记录。 前提 配置好了本地git,并本地与gitlab仓库已连接。 我这里使用 ssh方式拉去代码,因此需要配置ssh密钥 步骤 也可以直…

剑指offer面试题13 在O(1)时间删除链表结点

考察点 链表知识点 链表的删除正常情况下需要O(n)的时间,因为需要找到待删除结点的前置结点题目 分析 我们都知道链表删除往往需要O(n)遍历链表,找到待删除结点的前置结点,把前置结点的next指针指向待删除结点的后置结点。现在要求O(1)时间…

23种设计模式-结构型模式

1.代理模式 在软件开发中,由于一些原因,客户端不想或不能直接访问一个对象,此时可以通过一个称为"代理"的第三者来实现间接访问.该方案对应的设计模式被称为代理模式. 代理模式(Proxy Design Pattern ) 原始定义是:让你能够提供对象的替代品或其占位符。…

复杂链表的复制

作者简介:大家好,我是smart哥,前中兴通讯、美团架构师,现某互联网公司CTO 联系qq:184480602,加我进群,大家一起学习,一起进步,一起对抗互联网寒冬 学习必须往深处挖&…

在Ubuntu Linux上安装Chrome浏览器的最佳方法

我们可以使用GUI和命令行方法在Ubuntu Linux上安装Google Chrome浏览器,但是,终端是配置Chrome浏览器的最佳方式。在这里,我们讨论如何使用它。 有数十种浏览器,甚至Linux系统如Ubuntu也带有自己的默认浏览器Mozilla Firefox。然…

电磁波的波长与频率是什么关系?

摘要: 电磁波的波长(λ)与频率(f)之间的关系可以通过以下公式来表示: f c/λ cλf 其中: c 是光速,即电磁波在真空中的传播速度,约为 3 x 10⁸ 米/秒(m/s)λ…

2024.1.26每日一题

LeetCode 边权重均等查询 2846. 边权重均等查询 - 力扣(LeetCode) 题目描述 现有一棵由 n 个节点组成的无向树,节点按从 0 到 n - 1 编号。给你一个整数 n 和一个长度为 n - 1 的二维整数数组 edges ,其中 edges[i] [ui, vi,…

三方jar包引入到springboot中 package到jar中正常启动的pom文件怎么写 IDEA

文章目录 场景例子工程引用pom文件(打包关键)打包后观察 场景 许多时候我们在对接三方的时候,需要下载官方的推荐的SDK,但springboot项目怎么引入额外的三方jar包了,自已通过maven本地坐标的方式尝也不行,…

【-快速录用】2024年大数据经济与社会文化国际学术会议(ICBDESC 2024)

【-快速录用】2024年大数据经济与社会文化国际学术会议(ICBDESC 2024) 2024 International Conference Big Data Economy and Social Culture 一、【会议简介】 随着大数据技术的飞速发展,全球范围内对大数据经济与社会文化的研究愈发深入。为了促进国际间学术交流…

商业标书制作的艺术与科学

在商业世界中,标书不仅是一份文件,它是企业实力和专业精神的体现,是通往成功竞标的敲门砖。制作一份出色的商业标书,就像是在精心策划一场演出,每一个细节都至关重要。今天,就让我们一起探索商业标书制作流…

数据库系统原理总结之——目录

数据库系统原理总结之——目录 资料说明:主要是对数据库系统原理总结,发布的各个章节总结一个目录方便查看和查找 第一章数据库系统概述 第二章 关系数据库 第三章 数据库设计 第四章 SQL 与关系数据库基本操作 第五章 数据库编程 第六章 数据库安…

PageHelper分页插件-以三层架构模型开发为例

文章目录 1、简介2、使用2.1、导入2.1.1、SpringBoot2.1.2、非SpringBoot 2.2、controller2.3、service2.4、mapper ​🍃作者介绍:双非本科大三网络工程专业在读,阿里云专家博主,专注于Java领域学习,擅长web应用开发、…

智能小程序事件系统——基础交互事件介绍

什么是交互事件 事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上。当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id、dataset 和 touches。 事件分类 事件分为…

Shell中正则表达式

1.正则表达式介绍 1、正则表达式---通常用于判断语句中,用来检查某一字符串是否满足某一格式 2、正则表达式是由普通字符与元字符组成 3、普通字符包括大小写字母、数字、标点符号及一些其他符号 4、元字符是指在正则表达式中具有特殊意义的专用字符&#xff0c…

25从零开始用Rust编写nginx,序列化之serde是如何工作的

wmproxy wmproxy已用Rust实现http/https代理, socks5代理, 反向代理, 静态文件服务器,四层TCP/UDP转发,内网穿透,后续将实现websocket代理等,会将实现过程分享出来,感兴趣的可以一起造个轮子 项目地址 国内: https:…

SQL字符串截取函数【简笔记】

MySQL提供了多种字符串函数来处理和截取字符串。下面是一些常用的字符串截取函数及其使用示范: SUBSTRING(str, pos, len) str 是要截取的字符串。pos 是开始截取的位置。len 是截取的长度。 示例: SELECT SUBSTRING(Hello, World!, 8, 5); -- 结果: "World…