用vs拉取前端代码的详细流程及注意事项

拉取前端代码需要准备的工具几个环境(注意:以下工具的版本是根据你项目要求来的)

vscode:前端开发工具
npm:Nodejs软件包管理工具(包括安装、卸载、管理依赖等),这个主要是去国外服务器下载
nodejs:运行在服务端的 JavaScript
python(可能需要):python的环境
cnpm:npm的国内镜像,相当于在国内创建了个npm服务库,里面的服务基本与官方服务同步。

1.首先在vs终端输入命令将代码克隆到本地

先进入所在目录,然后git clone https:(SSH和https都可以,看你个人)

2.输入命令下载依赖

npm install:这个是下载依赖的命令
此时会发生的错误
* 提示python环境没有安装,需要安装python环境并配置环境变量(这步很简单)
* 提示npm或者nodejs有错,这个就可能是你nodejs和npm的版本不对应,但一般不会出现这个错误,
因为npm是nodejs自带的,所以你下在nodejs后版本肯定是对应的;
第二个可能是下载失败,因为是国外的服务,导致下载不了,所以需要从国内镜像去下载

3.安装国内镜像cnpm

因为淘宝NPM镜像切换了新域名,老域名与2022.5.31零时就停止了,新域名如下:
npm install -g cnpm@6.2.0 --registry=https://registry.npmmirror.com (所以开发者有必要关注一些国内的技术信息)

4.安装好后,输入命令下载依赖

cnpm i

5.下载完后,运行项目

npm run serve (注意不是server)

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【资源说明】 毕设新项目-基于Java开发的宠物医院管理系统源码+项目使用说明+sql数据库+开发笔记.zip 一、环境与软件准备 > 准备环境与相应的软件 ### 1.1 数据库 > 建议MySQL的账号与密码都设置为"root" | 名称 | 版本 | 描述 | | ------- | ------ | ----------------------------------- | | MySQL | 8.0.40 | 开源的、流行的数据库 | | Navicat | V12 | 管理MySQL的可视化工具(可以用其他的) | ### 1.2 后端 | 名称 | 版本 | 描述 | | ----- | -------- | ------------------------------------------------ | | Java | 17.0.7 | Java17,长期支持版本 | | Maven | 3.8.6 | Java的包管理工具,建议改阿里镜像 | | Git | 2.38.0 | 用于拉取、监控、回滚代码 | | IDEA | 2022.2.5 | Java后端的集成开发环境,用于编写、运行本项目后端 | ### 1.3 前端 | 名称 | 版本 | 描述 | | -------- | -------- | -------------------------------------------- | | Node.js | v18.16.1 | 管理与下载前端依赖、前端的运行环境 | | WebStorm | 2022.2.4 | 前端的集成开发环境,用于编写、运行本项目前端 | ## 二、数据库启动 > 主要是设置数据库的账号密码、导入数据文件。 * 首先将MySQL的账号与密码都设置成"root",(如果在之前已经有账号密码了并且不想改的话,可以降后端配置文件中的参数改成自己的) * 然后去mysql中新建数据库,数据库命名为`pet_ship`,数据库属性如下: * 字符集为`utf8 -- UTF-8 Unicode`(为了节省空间,我不打算为了emoji而使用utf8mb4) * 排序规则为`utf8_general_ci`(意为:不区分大小写,这样比较快) * 接着在`pet_ship`数据库下,运行本项目中`数据库备份`文件夹下的`pet_ship.sql`文件,以导入本项目的数据库。 ## 三、后端启动 > 主要是下载依赖,修改配置文件。 ### 3.1 快速启动 1. 在IDEA中打开本项目中的`shipPet`文件夹,点开文件夹下的`pom.xml`文件,使用Maven安装里面的依赖。 2. 修改`application-dev.yml`中`pet-ship`选项下的文件夹路径,为本项目(MixPet)下的那三个资源文件夹的路径。 比如改成下面这样(注意这是自己电脑上的路径) ```yaml pet-ship: images-path: D:\MyJS\MixPet\images\ # 照片存储路径 notice-path: D:\MyJS\MixPet\notice\ # 公告存储路径 chatImg-path: D:\MyJS\MixPet\chatImg\ # 聊天图片存储路径 ``` 3. 修改完成之后,进入本项目下的`shipPet/src/main`文件夹,运行`ShipPetApplication.java`文件即可。 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
BookStack是一个基于MinDoc,使用Beego开发的在线文档管理系统,功能类似Gitbook和看云。 在开发的过程中,增加和移除了一些东西,目前已经不兼容MinDoc了(毕竟数据表结构、字段、索引都有了一些不同),同时只支持markdown编辑器。 功能与亮点: 1、书籍分类(V1.2 +) 用户就像你的老板,他不知道自己需要什么,但是他知道自己不需要什么... 2、用户主页(V1.2 +) 在用户主页,展示用户分享的书籍、粉丝、关注和手册,增加用户间的互动 3、一键导入markdown项目 这个功能,相信是很多人的最爱了。目前这个功能仅对管理员开放。 经实测,目前已完美支持各种姿势写作的markdown项目的文档导入,能很好地处理文档间的链接以及文档中的图片链接 4、一键拉取markdown项目 看到GitHub、Gitee等有很多开源文档的项目,但是一个一个去拷贝粘贴里面的markdown内容不现实。于是,做了这个一键拉取的功能。 目前只有管理员才有权限拉取,并没有对普通用户开放。要体验这个功能,请用管理员账号登录演示站点体验。 用法很简单,比如我们拉取beego的文档项目,在创建项目后,直接点击"拉取项目",粘贴如" https://github.com/beego/beedoc/archive/master.zip ",然后就会自动帮你拉取上面的所有markdown文档并录入数据库,同时图片也会自动帮你更新到OSS。 拉取项目 经实测,目前已完美支持各种姿势写作的markdown项目的拉取,能很好地处理文档间的链接以及文档中的图片链接 目前已支持Git Clone导入项目 5、生成和导出PDF、epub、mobi等离线文档 这个需要安装和配置calibre。 我将calibre的使用专门封装成了一个工具,并编译成了二进制,源码、程序和使用说地址:https://github.com/TruthHun/converter 在BookStack中,已经引入这个包了。使用的时候,点击"生成下载文档"即可 6、文档排序和批量创建文档 很多时候,我们在写作文档项目的时候,会习惯地先把文档项目的章节目录结构创建出来,然后再慢慢写内容。 但是,文档项目中的文档少的时候,一个个去创建倒没什么,但是文档数量多了之后,简直就是虐待自己,排序的时候还要一个一个去拖拽进行排序,很麻烦。现在,这个问题已经解决了。 7、文档间的跳转 你在一个文档项目中会有很多文档,其中一个文档的文档标识叫readme.md,另外一个文档的文档标识叫quickstart.md,两个文档间如何跳转呢? 如果你知道站点的路由规则,倒是可以轻松链过去,但是,每次都要这样写,真的很麻烦。自己也经常写文档,简直受够了,然后想到了一个办法。如下: 我从readme.md跳转到quickstart.md,在readme.md中的内容这样写: [快速开始]($quickstart.md) 如果跳转到quickstart.md的某个锚点呢?那就像下面这样写: [快速开始-步骤三]($quickstart.md#step3) 好了,在发布文档的时候,文档就会根据路由规则以及你的文档标识去生成链接了(由于是后端去处理,所以在编辑文档的时候,前端展示的预览内容,暂时是无法跳转的)。 那么,问题就来了,我文档项目里面的文档越来越多,我怎么知道我要链接的那个文档的文档标识呢?不用担心,在markdown编辑器的左侧,括号里面的红色文字显示的就是你的文档标识。 8、采集功能 看到一篇很好的文章,但是文章里面有代码段、有图片,手工复制过来,格式全乱了,所以,相信采集功能,会是你需要的。采集功能,在markdown编辑器的功能栏上面,对,就是那个瓢虫图标,就是那个Bug,因为我找不到蜘蛛的图标... 9、SEO 后台管理,个性化定制你的SEO关键字;并且在SEO管理这里,可以更新站点sitemap(暂时没做程序定时自动更新sitemap) 10、版本控制 MinDoc之前本身就有版本控制的,但是版本控制的文档内容全都存在数据库中,如果修改频繁而导致修改历史过多的话,数据库可能会被撑爆。当时没有好的解决办法,所以将该功能移除了。 目前加上该功能,是因为这个功能呼声很高,所以加回来了。但是版本控制的内容不再存储到数据库中,而是以文件的形式存储到本地或者是云存储上。 功能在管理后台->配置管理中进行开启 11、更美观、简洁的页面布局和更为完善的移动端兼容 这是个看脸的时代...   BookStack在线文档管理系统 更新日志: v2.9 本次升级,主要是用户体验上的优化。 对无权限创建书籍书籍的用户,隐藏创建书籍入口 优化首页分类索引高亮显示,并增加回到顶部功能 修复分类下书籍统计不正
第一天上班,我进行了git拉取代码前端实战。 我首先登录了公司的git平台,然后找到了我负责的项目仓库。为了克隆这个项目到我的本地,我复制了仓库的URL地址,并在命令行中输入了“git clone”命令,然后粘贴了URL地址。执行完这个命令后,git就自动开始了克隆操作。 克隆完成后,我进入了刚刚克隆下来的项目目录。通过查看项目中的文件结构,我对整个项目的文件组织和各个文件的作用有了初步的了解。 接下来,我打开了编辑器,开始阅读项目中的代码。首先,我阅读了项目的README文件,里面记录了项目的简要说明、环境依赖、安装和运行方法等重要信息。 我对项目中的HTML、CSS和JavaScript文件进行了逐个阅读,试图理解项目的整体架构和功能实现。我注意到在其中一些文件中,有些地方需要我根据设计稿进行样式的调整,于是我当时就立即写下了一些注释和标记,以便后续更好地进行修改。 在阅读代码的过程中,我发现了一些问题和bug,于是我将它们记录在了一个问题清单上,以便日后和团队成员一起讨论和解决。 整个过程中,我克服了一些git操作上的困难,提高了自己对git的使用熟练度。通过实际操作,在拉取代码的过程中,我理解了git的基本原理和命令,并掌握了常用的git操作技巧。 第一天上班的git拉取代码前端实战让我对项目有了初步的了解,并且让我感受到了团队合作和解决问题的重要性。我认为这次实战经历对我今后的工作会起到很大的帮助。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值