前端第一天练习

本文介绍了如何安装Node.js和选择长期稳定版本,使用VueCLI初始化前端项目,以及通过Git和TortoiseGit进行代码管理,包括创建Gitee远程仓库,提交、克隆和推送代码的过程。
摘要由CSDN通过智能技术生成

一、安装Node.js和搭建前端环境

  1. 安装 Node.js:访问 Node.js 官网 下载并安装最新版本的 Node.js。
    • LTS 为长期稳定的版本, Current 为新特性尝鲜版本, 可能存在隐藏的 bug 或者安全漏洞
    • 打开终端, 在终端输入命令 node -v后, 即可查看已安装的 Node.js 版本号
    • image-20240326153251615
  2. 使用 NVM:如果需要管理多个 Node.js 版本,可以考虑使用 NVM(Node Version Manager)来管理不同版本的 Node.js。

二、初始化前端项目

  1. 可以使用 Vue CLI 来初始化一个 Vue.js 项目。确保已经全局安装了 Vue CLI,如果没有安装,可以使用以下命令安装:

    npm install -g @vue/cli
    
  2. 初始化项目:在命令行中运行以下命令初始化一个 Vue 项目:

    vue create your-project-name
    
    • image-20240326153213599
  3. 进入项目目录:初始化完成后,进入项目目录并启动开发服务器:

    cd your-project-name
    npm run serve
    
    • image-20240326153108044

三、使用 Git 提交代码

  1. Gitee怎么提交代码

    • 需要两个工具 Git , TortoiseGit , 按顺序安装, 先安装 Git 再安装 TortoiseGit
    • 出现如下图案, 说明 Git 已经安装好了 (鼠标右键文件夹空白处, 显示更多选项)
      • image-20240326154548255
    • 出现如下图案, 说明 TortoiseGit已经安装好了
      • image-20240326154707205
  2. Gitee 上创建远程仓库:test.java ,记录下仓库的地址

  3. image-20240326154811269

  4. clone 远程仓库到本地电脑

    image-20240326155152548

    • image-20240326155235350
  5. 将代码推送到远程仓库

    add-将代码添加到本地仓库
    commit-提交代码到本地仓库
    push-推送本次添加操作到远程仓库
    

image-20240326155557475

  1. 在Gitee仓库中找到自己的代码
    图片转存中…(img-iaE9vaU7-1711773724667)]

  2. 在Gitee仓库中找到自己的代码

  • image-20240326155801553
  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值